ECharts：改变线条颜色。我选择了 2 种颜色。两种颜色都显示出奇数和偶数样式

Question

我希望删除该自定义颜色并将该颜色添加为循环，例如第一种颜色为红色，然后为绿色。奇偶数奇偶数。

option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            itemStyle: { color: 'green'},

        },
        {
            name: '邮件营销',
            type: 'line',
            stack: '总量',
            data: [120, 132, 101, 134, 90, 230, 210],
         itemStyle: { color: 'red'},
        }

         ]
    };

Answer 1

你的计划很完美，是什么阻止了你去做？什么问题阻碍了后续步骤？

更新：请不要将问题与标题和body分开，我很难理解你的意思。标题应仅包含问题的简短摘要。

回答您的问题：控制颜色最简单的选择是使用预计算颜色的生成系列。

像这样：

  var myChart = echarts.init(document.getElementById('main'));

  var data = [
    [120, 132, 101, 134, 90, 230, 210],
    [340, 280, 310, 360, 280, 310, 410],
    [520, 532, 490, 480, 520, 550, 570],
    [760, 732, 790, 780, 820, 750, 770],
   [820, 932, 901, 934, 1290, 1330, 1320],
  ];

  var series = data.map((sData, idx) => (
    {
      name:  'series' + idx,
      type:  'line',
      data:  sData,
      color: idx % 2 === 0 ? 'red' : 'green',
    }
  ))

  var option = {
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: series,
  };

  myChart.setOption(option);

<script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>

ECharts：改变线条颜色。我选择了 2 种颜色。两种颜色都显示出奇数和偶数样式

ECharts: change line color. i have pick 2 color .Both two color show like odd and even style

javascript

charts

linechart

echarts