echarts代码：一个折线图展示多个属性，设置不同属性的颜色

以下是一个使用 echarts 展示多个属性的折线图，其中每个属性的颜色都不相同的代码：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('myChart'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: '多属性折线图'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['属性1','属性2','属性3']
    },
    xAxis: {
        type: 'category',
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'属性1',
            type:'line',
            data:[10, 20, 30, 40, 50, 60, 70],
            itemStyle: {
                color: '#ff0000' // 设置属性1的折线颜色为红色
            }
        },
        {
            name:'属性2',
            type:'line',
            data:[30, 40, 50, 60, 70, 80, 90],
            itemStyle: {
                color: '#00ff00' // 设置属性2的折线颜色为绿色
            }
        },
        {
            name:'属性3',
            type:'line',
            data:[50, 60, 70, 80, 90, 100, 110],
            itemStyle: {
                color: '#0000ff' // 设置属性3的折线颜色为蓝色
            }
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在上面的代码中，我们通过设置 `itemStyle` 属性来为每个属性的折线设置不同的颜色。其中，属性1的折线颜色为红色，属性2的折线颜色为绿色，属性3的折线颜色为蓝色。你可以根据需要自行修改颜色值。