在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 初入Echarts,想請問各位Echarts中series的使用的問題。

初入Echarts,想請問各位Echarts中series的使用的問題。

在echarts中能否讓柱狀圖中series.data每一個數(shù)據設置不同的itemStyle樣式?

// 今天消耗數(shù)據
    let todayData = [3709, 2500, 2000, 2610, 1719, 433, 2644, 4205, 3372, 4384, 4078, 5227]
    // 昨天消耗數(shù)據
    let yesterdayData = [4000, 2417, 755, 2710, 1819, 483, 2544, 4245, 3572, 2484, 4378, 5177]

    let data1 = getMinExpend()
    let data2 = getEconomyExpend()
let option = {
      title: {
        text: '冷量消耗環(huán)比圖',
        left: 'center',
        top: '10px',
        subtext: '今天 VS 昨天'
      },
      tooltip: {},
      xAxis: {
        type: 'category',
        data: ['1小時', '2小時', '3小時', '4小時', '5小時', '6小時', '7小時', '8小時', '9小時', '10小時', '11小時', '12小時']
      },
      yAxis: {},
      series: [
        {
          name: getName(),
          type: 'bar',
          data: data1.value,
          barWidth: 40,
          stack: 'hours',
          itemStyle: {
            color: '#00BFFF'
          },
          emphasis: {
            itemStyle: {
              color: '#1A2F44',
              borderColor: '#fff'
            }
          }
        },
        {
          name: 'economyExpend',
          type: 'bar',
          data: data2,
          barWidth: 40,
          stack: 'hours',
          itemStyle: {

          }
        }
      ]
    }
    
    function getMinExpend() {
      let data = {
        name: [],
        value: []
      }
      for (let i=0; i<12; i++) {
        if (todayData[i] < yesterdayData[i]) {
          data.value.push(todayData[i])
          data.name.push('today')
        } else if (todayData[i] === yesterdayData[i]){
          data.value.push(todayData[i])
          data.name.push('today')
        } else {
          data.value.push(yesterdayData[i])
          data.name.push('yesterdayData')
        }
      }
      console.log('data1', data)
      return data
    }

    function getEconomyExpend() {
      let data = []
      for (let i=0;i<12;i++) {
        data.push(Math.abs(todayData[i] - yesterdayData[i]))
      }
      console.log('data2', data)
      return data
    }
回答
編輯回答
尐懶貓
series : [
        {
          data:[
              {
                value:200,
                itemStyle:{
                  normal:{color:'gray'}
              }
              }, 
              {
                value:300,
                itemStyle:{
                  normal:{color:'green'}
              }
              },
              {
                value:1500,
                itemStyle:{
                  normal:{color:'yellow'}
              }
              },
              {
                value:300,
                itemStyle:{
                  normal:{color:'red'}
              }
              }
            ]
        }
    ]
2018年6月17日 13:38