y轴24小时均分

最新推荐文章于 2024-11-06 09:13:36 发布

原创最新推荐文章于 2024-11-06 09:13:36 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

vue-echarts的千奇百变专栏收录该内容

17 篇文章

订阅专栏

本文探讨如何使用max和interval属性调整时间轴图表，如小时数据的显示范围，并详细介绍了yAxis配置中的各种样式设置，包括颜色、网格线和轴线，以提升数据可视化效果。

方法	描述
max	最大值
interval	间隔

 yAxis: {
    type: 'value',
    name: '小时',
    max: 24,
    interval: 24 / 4,
    axisLabel: {
      textStyle: {
        color: '#5c96d5'
      },
    },
    nameTextStyle: {
      color: '#5c96d5'
    },
    axisLine: { // 设置坐标轴和坐标轴字体颜色
      lineStyle: {
        color: '#2261a4',
        width: 1
      }
    },
    splitLine: { // 加上网格线
      show: false,
      lineStyle: {
        color: '#1b426d',
        type: 'dotted',
        width: 1
      }
    }

  },