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

你的计划是完美的，是什么阻止你这样做？ 什么问题阻碍了下一步？

更新：请不要将问题与标题和正文分开，我几乎不明白你的意思。 标题应仅包含问题的简短摘要。

回答您的问题：控制 colors 的最简单选项是具有预计算颜色的世代系列。

像这样的东西：

 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>