第35页，共137页。 显示 1,362 条结果 (0.022 秒)
Echarts图形-扩展属性：鼠标移入数据点变小
（本文档仅供参考） 问题 鼠标移入线图的数据点时，数据点变小。 解决方案 折线图高亮时点的样式可参考以下属性，目前只能设置点的样式，并不能实际更改点的大小 // 设置折线图中点的样式 symbolSize: 10, // 点的大小 // 设置折线图中的点的样式 itemStyle: { normal: { borderColor: 'rgba(220,20,60,0.8)', // 点边框颜色 borderWidth: 20 // 点边框大小 },Echarts图形-扩展属性：饼图占比对齐
（本文档仅供参考） 问题： 饼图图例提示显示分类指标占比，出现占比无法对齐的情况，如何使占比也左对齐展示呢？ image2024-9-6_9-55-32.png 解决方案： 可以参考配置下面的扩展属性调整： { "legend": { "textStyle": { "rich": { "c": { "align": "left", "width": 30 } } } } } 添加对应属性后，效果如下图所示： image2024-9-6_9-54-57.pngEcharts图形-扩展属性：矩阵树图标签显示数据
（本文档仅供参考） 问题： 矩阵树图默认只显示类别，如何在数据标签中显示数据呢？ 默认.png 解决方案： 可以参考配置下面的扩展属性调整 { "series": [ { "label": { "formatter": "function(a){return a.name +'\\n'+parseFloat(a.value).toFixed(2) }" } } ] } 添加方法.png 实现效果如下 添加后.png 占比可参考下面扩展属性 option = { "series": [{ "label": { "formatter": "function(Echarts图形-扩展属性：雷达图指标器最大值设置
（本文档仅供参考） 问题 雷达图指标器最大值目前是根据数据最大值生成的，希望可以自定义指标器的最大值，如下截图 image2022-11-15_18-33-58.png 解决方案 具体请参考如下扩展属性实现： { "radar": { "indicator": [ //需要对每个指标系列都单独进行设置 { "max": 1000 }, { "max": 1000 }, { "max": 1000 }, { "max": 1000 }, { "max": 1000 }, { "max": 1000Echarts图形-扩展属性：仪表盘对比柱图设置缩略轴
（本文档仅供参考） （该扩展属性代码已验证适用于echarts 5.1.2版本。由于代码在特定场景下可能存在限制，如果与实际应用场景不完全匹配，请根据具体需求自行调整相关代码，以确保其满足实际使用要求。） 问题 v11中的对比柱图组件，如何添加缩略轴来实现数据滚动展示，不然内容有点多显示不全，同时调整柱子粗细便于浏览。 image2024-11-6_16-24-57.png 解决方案 对比柱图是通过3个Y轴实现的，可在对比柱图上加上以下扩展属性即可。 option = { "series": [{ "barWidth": 10 }, { "barWidth": 10 }], "datEcharts图形-扩展属性：堆积线图自定义各数据点样式
（本文档仅供参考） 问题描述 堆积线图中有多条折线，想要自定义各数据点样式。 image2024-12-5_16-58-45.png 解决方案 可参考以下扩展属性 option = { series: [{ showSymbol: true, symbol: 'circle', //设定为实心点 symbolSize: 0, //设定实心点的大小 color: "#000", //设定实线点的颜色 lineStyle: { normal: { width: 2, color: "#0000ff", //设置实线的颜色Echarts图形-扩展属性：调整仪表盘对比柱图左右柱子间距
（本文档仅供参考） 问题描述 如下图，V11仪表盘中使用对比柱图组件，有时候数据标签跟刻度标签靠的太近了，希望调整左右柱子的间距。 image2024-12-19_14-2-45.png 解决方案 由于对比柱图组件是定义了三个grid区域、三个x轴以及三个y轴，故调整左右柱子间隔可直接通过设置grid区域数组控制。 参考如下扩展属性： option = { grid: [{ "right": "53%" }, { "left": "53%" }, {}], } image2024-12-19_14-7-52.png 调整效果： image2024-12-19_14-8-17.pngECharts图形-标准折线图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 线图是指利用线的升、降变化显示连续数据之间的变化趋势，线的斜率反映数据变化幅度，其中一个轴表示连续的时间，另一个轴表示相应的数值。 优势：容易反应出数据变化的趋势。 数据要求： 1）一个或两个分类值，一个或多个指标值。 2）建议折线不超过4条。 适用场景： 1）线图适合二维的大数据集，还适合多个二维数据集的比较。 2) 反映变化趋势，关联性。ECharts图形-标准折线图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 线图是指利用线的升、降变化显示连续数据之间的变化趋势，线的斜率反映数据变化幅度，其中一个轴表示连续的时间，另一个轴表示相应的数值。 优势：容易反应出数据变化的趋势。 数据要求： 1）一个或两个分类值，一个或多个指标值。 2）建议折线不超过4条。 适用场景： 1）线图适合二维的大数据集，还适合多个二维数据集的比较。 2) 反映变化趋势，关联性。Echarts图形-扩展属性：图例换行显示
(本文档仅供参考) 问题 如何实现图例不分页，但换行显示 2023-09-08_151539.png 解决方案 可参考以下扩展属性 { legend: { width: '40%', // 设置图例列表的宽度 left: 'center', //图例放中间 } } 1.电子表格中 2023-09-08_151115.png 图例换行2-2.png 2.仪表盘中 由于仪表盘是默认对图例分页，所以如果不需要分页则需要额外隐藏分页 2023-09-08_144319.png
