echarts 三角形柱状图

最新推荐文章于 2024-09-05 17:09:44 发布

_大菜鸟_

最新推荐文章于 2024-09-05 17:09:44 发布

阅读量2.6k

点赞数 3

文章标签：数据可视化

本文链接：https://blog.csdn.net/weixin_46463643/article/details/110231258

版权

本文详细介绍了如何使用Echarts库创建独特的三角形柱状图，通过设置自定义图形元素，结合柱状图数据，实现了视觉效果新颖的数据展示方式。适合于数据可视化的场景，提升图表的吸引力。

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

在这里插入图片描述

var xdata = ['返利人员', '下线人员']
var data = [100, 1000]
var maxArr = [100, 100]
options: {
   
        backgroundColor: '#28467c', // 背景色
        tooltip: {
   
          trigger: 'axis',
          borderRadius: 5,
          borderColor: '#fff',
          borderWidth: 1,
          formatter: function (params) {
   
            // 滑动每一条数据对应的数据 params
            return params[0].axisValue + '<br>' + '人员统计 :' + params[0].value
          }
        }