搜索

Help

第26页,共403页。 显示 4,029 条结果 (0.05 秒)

  1. Echarts图形-扩展属性:数据标签 - 堆积柱图显示各自数据标签及合计值

    (本文档仅供参考) 问题 想要实现既显示堆积柱图各自的数据项标签又显示合计值的效果,如下图示 image2022-3-15_13-45-39.png 解决方案 可添加一个合计字段进行作图,同时通过扩展属性隐藏该合计值字段的柱子,只显示数据标签 { "series": [{ "itemStyle": { "normal": { "label": { "show": true, "position": "inside" } } } }, { "itemStyle": { "normal
    FAQ中心六月 19, 2025
  2. Echarts图形-扩展属性:柱子 - 交互仪表盘通过标记区设置颜色,但不显示颜色条

    (此文档仅供参考) 问题          希望在标记区为字段设置颜色时,既能指定图形颜色又不显示颜色条,实现效果如下          image2022-3-21_15-36-43.png 实现方案          可以用如下扩展属性实现,有多少{}取决于实际设置颜色的字段:          注:该扩展属性是基于V10.1版本进行测试,其他版本需结合实际调整 { "visualMap": [ { "show": false }, { "show": false } ] }      最终效果如下图:      image2022-3-21_15-38-43.png
    FAQ中心六月 19, 2025
  3. Echarts图形-扩展属性:x轴标签 - Echarts3D柱图Z轴0刻度(第一个刻度)不显示

    (本文档仅供参考) 问题 想把这个0去掉 有办法么,设置了scale:true,不管用 image2018-11-15 17:56:0.png 解决方案 通过扩展属性将0标签的字体颜色设置为与底色一样(实际0还在,只是不明显了,仔细看还是能看出一点点): { zAxis3D: { type: 'value', data: [{ value: 0, textStyle: { color: '#fff' }}] } } 实现效果: image2018-11-15 17:58:13.png 3d柱图第一个刻度值不显示
    FAQ中心六月 19, 2025
  4. Echarts图形-扩展属性:图例 - 如何显示提示说明

    (此文档仅供参考) 问题描述 Echarts图形的多个系列时,涉及复杂计算的希望显示系列计算公式,例如鼠标悬浮到图例就显示出前期统计的计算公式说明,如何实现? image2025-6-6_14-39-58.png 实现方案 此示例的扩展属性如下,相关的属性可以上echarts官网查看,http://echarts.baidu.com http://echarts.baidu.com/ option = { legend: { tooltip: { show: true, formatter: '具体提示内容
    FAQ中心六月 19, 2025
  5. Echarts图形-扩展属性:柱子 - 柱图翻转显示

    (本文档仅供参考) 问题   在excel中插入echarts图形,并且将图形旋转。但是再发布以后图形还是正向,如下图所示:   图形反向.png 解决方案       电子表格中的旋转按钮是excel的功能,我们无法将其屏蔽,旋转图形后不会对图形生效。       若需要柱图反向显示,建议通过echarts图形实现,可以通过扩展属性实现,如下  { "xAxis": { "position": "top" }, "yAxis": { "position": "right", "inverse": true } }       调整X轴Y轴.jpg 实现效果如下:       最终效果
    FAQ中心六月 19, 2025
  6. Echarts图形-扩展属性:鼠标提示 - 柱图鼠标提示背景设置渐变色

    (此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变,270deg从左往右渐变色,#19263B,#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变
    FAQ中心六月 19, 2025
  7. Echarts图形-扩展属性:鼠标提示 - 堆积柱图取消某项指标鼠标提示

    (此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示
    FAQ中心六月 19, 2025
  8. 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
  9. Echarts图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线

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

    (本文档仅供参考) 问题 自助仪表盘折线图的标线起始和终点的标记图形希望自定义为如下图,如何修改? image2023-11-15_19-21-22.png 解决方案 可使用此扩展属性: option = { "series": [{ "markLine": { "data": [{ "type": "average", }], "precision": 2, "symbol": ["circle", "triangle"] } }] } echarts官方支持的自定义标记图形:https://echarts.apache.org
    FAQ中心六月 19, 2025