Echarts X轴多项百分比的展示

最新推荐文章于 2024-07-29 15:05:35 发布

程序之美

最新推荐文章于 2024-07-29 15:05:35 发布

阅读量2.8k

点赞数

分类专栏：第三方组件文章标签： Echarts Echarts显示百分比

本文链接：https://blog.csdn.net/lv_xiaohu/article/details/90706409

版权

本文介绍如何使用Echarts库在X轴上显示多项数据的百分比形式，详细讲解配置项设置和数据处理技巧，帮助你创建直观易读的图表。

摘要由CSDN通过智能技术生成

app.title = '堆叠柱状图';

option = {
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
         formatter:'{b}<br />\
                	<span style="display:inline-block;margin-right:5px;border- 
                    radius:10px;width:9px;height:9px;background-color:#7ace4c"></span>\
                	{a0}：{c0}%<br />\
                	<span style="display:inline-block;margin-right:5px;border- 
                    radius:10px;width:9px;height:9px;background-color:#ffbb44"></span>\
                	{a1}：{c1}%<br />\
                	<span style="display:inline-block;margin-right:5px;border- 
                    radius:10px;width:9px;height:9px;background-color:#11