搜索

Help

第35页,共152页。 显示 1,517 条结果 (0.04 秒)

  1. Echarts图形-扩展属性:数据标签 - 横条图数据项标签负值显示为正数

    (此文档仅供参考) 问题1: 横条图原始数据项标签如下截图,希望左边的数据项标签显示为正值:  image2022-2-9_16-51-59.png 解决方案 可以参考以下扩展属性去实现: { "series": [{},{ "label": { "normal": { "show": true, "textStyle": { }, "formatter": "function(params){return params.value[0]*-1;}
    FAQ中心六月 19, 2025
  2. Echarts图形-扩展属性:柱子 - 堆积柱图柱子颜色渐变效果

    (本文档仅供参考) 问题:普通柱图渐变 自助仪表盘柱图上想要柱子的颜色实现渐变的效果,如下截图 https://wiki.smartbi.com.cn/download/attachments/76696686/image2021-8-24_18-12-52.png?version=1&modificationDate=1629799972000&api=v2 解决方案 具体请参考如下扩展属性: {     "series": [{         "itemStyle": {             "normal": {                 "color": {                  
    FAQ中心六月 19, 2025
  3. Echarts图形-扩展属性:y轴标签 - Y轴刻度标签显示在横条图内侧

    (本文档仅供参考) 问题         横条图如何调整y轴的标签值显示柱子内侧? 解决方案         可以写扩展属性实现: option = { yAxis: { axisLabel: { inside: true }, z: 1000 } }         最终效果:         image2025-3-18_10-12-46.png 刻度标签显示在柱子内
    FAQ中心六月 19, 2025
  4. Echarts图形-扩展属性:坐标轴 - 横条图坐标轴在右边显示

    (本文档仅供参考) 问题 仪表盘横条图如何调整展示方向?如下: 横条图效果:                                                                                                                                            image2023-11-30_17-55-4.png        想实现的横条图效果: image2023-11-30_17-56-44.png  解决方案  具体请参考如下扩展属性: { "xAxis": {         "inverse":
    FAQ中心六月 19, 2025
  5. 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.png
    FAQ中心六月 19, 2025
  6. Echarts图形-扩展属性:鼠标提示 - 柱图鼠标提示换行显示

    (本文档仅供参考) 问题 如何实现柱图鼠标提示换行显示? 解决方案 可以用以下扩展属性实现: { "tooltip": { "formatter": "function(a){ debugger;return a.seriesName+'</br>'+a.name+'</br>'+a.data.value[1]}" } } 效果图如下: image2018-11-5 14:39:56.png 鼠标提示换行
    FAQ中心六月 19, 2025
  7. 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
  8. Echarts图形-扩展属性:鼠标提示 - 堆积柱图取消某项指标鼠标提示

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

    (本文档仅供参考) 问题: 堆积柱图显示标签的时候,如何让数据为0的标签不显示。 解决方案: 可参考如下扩展属性实现。 { series: [ { itemStyle: { normal: { label: { formatter: "function (params) {if (params.value[0] !== 0) {return params.value[0]; } else { return ''; } }" }
    FAQ中心六月 19, 2025
  10. 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