echarts 修改坐标轴某一(多)项的样式

echarts 修改坐标轴某一(多)项的样式:

把得到的X周数据进行加工再赋给X(Y)的data;

js:

 // transformData为改变样式后的X轴数据,然后赋给xAxis中的data
          var transformData = [];
          var textStyle = {};
          // e为X轴的原始数据
          $.each(e, function(i, val) {
            console.log(i,"GFGGGGGG")
              if (i == e.length-1 || i == e.length-2 || i == e.length-3) {
                  textStyle = {
                      color: '#00a2ff',
                      fontWeight:'bold',
                      fontSize:16
                  };
              } else {
                  textStyle = {

                  };
              }

              transformData.push({
                  value: val,
                  textStyle: textStyle
              });
          });
          
          xAxis: [{
                axisTick: {
                  alignWithLabel: true
                },
                // name:'時間',
                axisLine: {
                  lineStyle: {
                    color: '#666666'
                  }
                },
                axisLabel: {
                  //横轴信息全部显示
                  interval: 0,
                  show: true,
                  textStyle: {
                    color: "#666666",
                    fontSize: 14
                  },
                },
                data: transformData,
              },
            ],

猜你喜欢

转载自blog.csdn.net/yang__k/article/details/90709843
今日推荐