第28页，共111页。 显示 1,105 条结果 (0.023 秒)
Echarts图形-扩展属性：鼠标提示 - 柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变，270deg从左往右渐变色，#19263B，#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变Echarts图形-扩展属性：鼠标提示 - 堆积柱图取消某项指标鼠标提示
（此文档仅供参考） 现象 在做堆积柱图时有时想隐藏某项鼠标提示，例如图中，鼠标移入销售额上显示，导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现，而扩展属性中如果需要隐藏销售量，那么就得写在第一个括号内，如果在销售额的下方，就需要写在第二个括号内，如图： { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示Echarts图形-扩展属性：柱子 - 堆积柱图标签为0时不显示
（本文档仅供参考） 问题： 堆积柱图显示标签的时候，如何让数据为0的标签不显示。 解决方案： 可参考如下扩展属性实现。 { series: [ { itemStyle: { normal: { label: { formatter: "function (params) {if (params.value[0] !== 0) {return params.value[0]; } else { return ''; } }" }Echarts图形-扩展属性：x轴标签 - X轴坐标与折线图交叉重叠
（此文档仅供参考） 问题 X轴坐标与折线图交叉重叠，希望效果是图形与x轴不交叉重叠。 image2024-5-6_9-50-24.png 实现方案 出现重合的原因是因为度量数值上本身存在负值的情况，而且本身xy轴的0刻度默认是重合的，如不需要重合，则需要重新调整默认值 { "xAxis": [{ "axisLine": { "onZero": false } }], "yAxis": { "type": "value", "min": -100 }Echarts图形-扩展属性：图例 - 仪表盘折线图只显示某些系列折线
（本文档仅供参考） 问题： 当折线图系列过多时，折线堆叠重合，希望可以固定展示某几条折线。在点击其他系列图例时，再出现其他折线。 期望效果： 只显示某个系列折线20230703152504.png 解决方案： 【组件设置】-【自定义属性】-【图形配置】添加扩展属性，将不需要展示的折线，通过控制图例的隐藏，来实现折线的隐藏。 扩展属性 { "legend": { "selected": { "SUV": true, "MPV": false, "轿车": false }Echarts图形-扩展属性：折线 - 堆积线图自定义各数据点样式
（本文档仅供参考） 问题描述 堆积线图中有多条折线，想要自定义各数据点样式。 image2024-12-5_16-58-45.png 解决方案 可参考以下扩展属性 option = { series: [{ showSymbol: true, symbol: 'circle', //设定为实心点 symbolSize: 0, //设定实心点的大小 color: "#000", //设定实线点的颜色 lineStyle: { normal: { width: 2, color: "#0000ff", //设置实线的颜色Echarts图形-扩展属性：折线 - 线图线条为虚线，并设置曲度
(本文档仅供参考) 问题 如何修改线图的线条为虚线并设置曲度？ image2022-5-5_18-5-49.png 解决方案 可以使用扩展属性实现，效果如下： image2022-5-5_18-7-1.png { "series": [{ "smoothMonotone": 'x',//设置曲度 "lineStyle": { "normal": { "color": "green", //设置线条颜色 "width": 2, "type": "dashed"Echarts图形-扩展属性：折线 - 线图线条颜色，图例图标颜色及图例文字颜色
(本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色？ image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyle": { "noEcharts图形-扩展属性：样式 - 南丁格尔玫瑰图实现空心效果
（本文档仅供参考） 问题： 南丁格尔图底图是实心饼图，希望改成环形图，实现空心效果。 image2023-3-1_10-15-31.png 解决方案： 电子表格可以参考下方扩展属性实现： image2023-3-1_10-16-4.png 如果是仪表盘资源，可直接设置内外圆半径实现： image2023-3-1_10-17-50.png 玫瑰中心 玫瑰图空心Echarts图形-扩展属性：图例 - 饼图图例样式，以及图例和文字的位置修改
(此文档仅供参考) 问题1 如何修改图例样式，以及图例和文字的位置 1.png 解决方案 可以使用扩展属性实现 { "legend": { "icon": "circle", //这个字段控制形状 类型包括 circle，rect，roundRect，triangle，diamond，pin，arrow，none "itemWidth": 10, "itemHeight": 10, "align": "left" //图例标记和文本的对齐。默认自动，可选：'auto'/'left'/'right' } } 问题2：调整饼图图例文字间距
