美文网首页
ECharts 折线图 设置平滑和颜色

ECharts 折线图 设置平滑和颜色

作者: _流浪的猫_ | 来源:发表于2016-10-29 17:46 被阅读0次

    设置折线图平滑以及线条颜色

    可以到 ECharts页面 把下面内容替换到里面看实际效果或调整各个属性(替换series部分)

    series : [
            {
                name:'最高气温',
                type:'line',
                itemStyle : {
                    normal : {
                        color:'#f5bf58',   // 设置最高气温线的颜色
                    }
                },
                smooth: true,          // 设置最高气温线的平滑
                data:[11, 11, 15, 13, 12, 13, 10],
                markPoint : {
                    data : [
                        {type : 'max', name: '最大值'},
                        {type : 'min', name: '最小值'}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name: '平均值'}
                    ]
                }
            },
            {
                name:'最低气温',
                type:'line',
                data:[1, -2, 2, 5, 3, 2, 0],
                markPoint : {
                    data : [
                        {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
                    ]
                },
                markLine : {
                    data : [
                        {type : 'average', name : '平均值'}
                    ]
                }
            }
        ]
    

    相关文章

      网友评论

          本文标题:ECharts 折线图 设置平滑和颜色

          本文链接:https://www.haomeiwen.com/subject/nukoettx.html