Echarts自定义柱状图样式

最新推荐文章于 2024-08-19 17:10:14 发布

嵩小卢

最新推荐文章于 2024-08-19 17:10:14 发布

阅读量4.1k

点赞数

分类专栏： Echarts Echarts自定义柱状图样式文章标签： Echarts Echarts自定义柱状图样式

本文链接：https://blog.csdn.net/sxl131415/article/details/100121333

版权

效果图：

  
methods:{
  set_equipmentChart() {
        let myChart = this.$echarts.init(document.getElementById('equipment'))
        let option1 = {
          tooltip: {},
          grid:{
            x:130,
            y2:70
          },
          xAxis: {
            type: 'category',
            data: ['AM点检异常', 'PM巡检异常', 'PM保养异常'],
            //更改坐标轴颜色
            axisLine: {
              lineStyle: {
                color: '#657CA8'
              },
              onZero:false
            },
            // x轴的字体样式
            axisLabel: {
              interval: 0,
              textStyle: {
                color: '#B8CBF7',  //更改坐标轴文字颜色
                fontSize: 18,      //更改坐标轴文字大小
                fontFamily: 'MicrosoftYaHei'