搜索

Help

第70页,共149页。 显示 1,487 条结果 (0.035 秒)

  1. Echarts图形-扩展属性:鼠标提示 - 堆积柱图取消某项指标鼠标提示

    (此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示
    FAQ中心六月 19, 2025
  2. Echarts图形-扩展属性:鼠标提示 - 柱图数据太小,导致无法点击跳转

    (示例仅供参考) 问题 在echarts柱形图中若存在一些数据相差巨大,会导致无法快速点击数据量小的柱子进行下钻。         柱子太小无法点击.png 解决方案          当柱子展示图形过小,鼠标移上去无法正常显示数据,若此时只想实现鼠标移上去展示柱子数据,可通过增加以下扩展属性实现:  {      "tooltip": {              "trigger": "axis",              "axisPointer": {                 "type": "shadow"                        }             }
    FAQ中心六月 19, 2025
  3. Echarts图形-扩展属性:柱子 - 堆积柱图标签为0时不显示

    (本文档仅供参考) 问题: 堆积柱图显示标签的时候,如何让数据为0的标签不显示。 解决方案: 可参考如下扩展属性实现。 { series: [ { itemStyle: { normal: { label: { formatter: "function (params) {if (params.value[0] !== 0) {return params.value[0]; } else { return ''; } }" }
    FAQ中心六月 19, 2025
  4. Echarts图形-扩展属性:x轴标签 - X轴坐标与折线图交叉重叠

    (此文档仅供参考) 问题          X轴坐标与折线图交叉重叠,希望效果是图形与x轴不交叉重叠。          image2024-5-6_9-50-24.png 实现方案          出现重合的原因是因为度量数值上本身存在负值的情况,而且本身xy轴的0刻度默认是重合的,如不需要重合,则需要重新调整默认值 { "xAxis": [{ "axisLine": { "onZero": false } }], "yAxis": { "type": "value", "min": -100 }
    FAQ中心六月 19, 2025
  5. Echarts图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线

    (本文档仅供参考) 问题: 当折线图系列过多时,折线堆叠重合,希望可以固定展示某几条折线。在点击其他系列图例时,再出现其他折线。 期望效果: 只显示某个系列折线20230703152504.png 解决方案: 【组件设置】-【自定义属性】-【图形配置】添加扩展属性,将不需要展示的折线,通过控制图例的隐藏,来实现折线的隐藏。 扩展属性 { "legend": {         "selected": {               "SUV": true,               "MPV": false,               "轿车": false               }      
    FAQ中心六月 19, 2025
  6. Echarts图形-扩展属性:折线 - 堆积线图自定义各数据点样式

    (本文档仅供参考) 问题描述 堆积线图中有多条折线,想要自定义各数据点样式。 image2024-12-5_16-58-45.png 解决方案 可参考以下扩展属性 option = { series: [{ showSymbol: true, symbol: 'circle', //设定为实心点 symbolSize: 0, //设定实心点的大小 color: "#000", //设定实线点的颜色 lineStyle: { normal: { width: 2, color: "#0000ff", //设置实线的颜色
    FAQ中心六月 19, 2025
  7. 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"
    FAQ中心六月 19, 2025
  8. Echarts图形-扩展属性:折线 - 线图线条颜色,图例图标颜色及图例文字颜色

    (本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色? image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyle": { "no
    FAQ中心六月 19, 2025
  9. Echarts图形-扩展属性:提示 - 自助仪表盘折线图固定显示最低值提示框

    问题 自助仪表盘折线图上希望可以固定显示最低值的提示框,且提示框背景为透明渐变,如下图: image2022-12-8_17-12-36.png 解决方案 可通过使用标注实现,具体请参考如下扩展属性: {"series": [ { "markPoint": { "symbol": "rect", "symbolSize": [ 100, 50 ], "symbolOffset": [ 50, 50 ], "data": [ { "name": "最大值", "type": "min"
    FAQ中心六月 19, 2025
  10. Echarts图形-扩展属性:数据标签 - 折线图数据项标签重叠问题

    (本文档仅供参考) 问题 由于数据相差比较小,导致折线图的数据项标签重叠在一起,不方便查看,如下截图  image2024-1-24_17-49-21.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起,例如第一组显示在上面,第二组显示在下面。实现效果如下: image2024-1-24_17-53-10.png option = { series: [{ type: 'line', label: { show: true, position: 'top' // 标签显示在折线上方 } }, { type: 'li
    FAQ中心六月 19, 2025