Echarts 柱状图+标准基线

最新推荐文章于 2023-11-24 11:20:09 发布

AfeiyuO

最新推荐文章于 2023-11-24 11:20:09 发布

阅读量1.8k

点赞数 1

分类专栏： Echarts 文章标签： echarts 前端

本文链接：https://blog.youkuaiyun.com/AfeiyuO/article/details/128575111

版权

本文介绍了如何使用Echarts库创建柱状图，并添加标准基线，展示了一种可视化数据的方式。通过柱状图，读者可以清晰地看到每个数据项的值，而基线则为评估数据提供了参考点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

结果图：

详细代码：

const colors = ['#7CB5EC', '#90ED7D', '#F7A35C'];
option = 
{
  color: colors,
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross'
    }
  },
  grid: {
    right:'5%'
  },
  legend: {
    data: ['1#8T球磨机', '2#8T球磨机', '3#8T球磨机','目标单耗','行业单耗']
  },
  xAxis: [
    {
      type: 'category',
      axisTick: {
        alignWithLabel: true
      },
      data: ['9-26', '9-27', '9-28', '9-29', '9-30', '10-01', '10-02', '10-03', '10-04', '10-05', '10-06', '10-07','10-08','10-09']
    }
  ],
  yAxis: [
    {
      position: 'right',
      alignTicks: tru

最低0.47元/天解锁文章