echarts不显示柱子只echarts柱状图显示数值值

但是想要在右边显示出对应的内嫆:

结果发现了别人不是放在图表厘米的是单独画出来的:

此处还是希望在图表内部实现

此处,暂时不考虑legend中点击某组数据被去掉后,总数动态更新

最右边虽然是显示出了百分比,但是却把整个宽度也显示出来了。

“只显示最上方的柱状图的 label,然后在 formatter 中计算总数”

但是如果legend中点击掉最上方(最右边)的数据则总数就也消失了啊。

好像title可以用来显示?

然后去设置了果然可以:

不需要使用title,所鉯可以借用title在柱状堆叠图右边放上要显示的百分比。

(1)和整个Chart表示一体的

(2)点击了其它legend去掉某些组数据后,仍会显示:

}

          title : {
            text: '数据统计',
            subtext: ''
          },
          },
          legend: {
            data:['北京','上海','深圳','广州']
          },
            feature : {
            }
          },
          xAxis : [
            {
              show:false,
              data : ['横坐标自定义']
            }
          ],
          yAxis : [
            {
              
            }
          ],
            {
              name:'北京',
              type:'bar',
              itemStyle: {
                normal: {
                    //首先定义一个数组
                    var colorList = [
                      '#C33531'
                    ];
                  },
                  //以下为是否显示
                  label: {
                    show: false
                  }
                }
              },
              data:[2.0],
            },
            {
              name:'上海',
              type:'bar',
              itemStyle: {
                normal: {
                    //首先定义一个数组
                    var colorList = [
                      '#EFE42A'
                    ];
                  },
                  //以下为是否显示
                  label: {
                    show: false
                  }
                }
              },
              data:[4.9],
            },
            {
              name:'深圳',
              type:'bar',
              itemStyle: {
                normal: {
                    //首先定义一个数组
                    var colorList = [
                      '#64BD3D'
                    ];
                  },
                  //以下为是否显示
                  label: {
                    show: false
                  }
                }
              },
              data:[7.9],
            },
            {
              name:'广州',
              type:'bar',
              itemStyle: {
                normal: {
                    //首先定义一个数组
                    var colorList = [
                      '#EE9201'
                    ];
                  },
                  //以下为是否显示
                  label: {
                    show: false
                  }
                }
              },
              data:[23.0],
            }
          ]

}

我要回帖

更多关于 echarts柱状图显示数值 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信