zoukankan      html  css  js  c++  java
  • echarts 改变折线图曲线颜色、区域颜色

    效果图:

    代码:

    option = {
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            smooth:true,
            itemStyle : { 
               color:{
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [{
                        offset: 0, color: '#1CD8D2' // 0% 处的颜色
                    }, {
                        offset: 1, color: '#ffffff' // 100% 处的颜色
                    }],
                    global: false // 缺省为 false
               }
            },
            lineStyle:{
                color: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 1,
                    y2: 1,
                    colorStops: [{
                        offset: 0, color: '#ffffff' // 0% 处的颜色
                    },{
                        offset: 0.5, color: '#5865FF' // 0% 处的颜色
                    }, {
                        offset: 1, color: '#ffffff' // 100% 处的颜色
                    }],
                    global: false // 缺省为 false
                }
            },
            areaStyle: {}
        }]
    };
    
    
  • 相关阅读:
    愚人节的礼物
    Image Transformation
    Rails
    Google Map
    Code Formatter
    ACboy needs your help again!
    Geek's Collection(幂运算)
    Train Problem I
    Beautiful Meadow
    Card Trick(模拟)
  • 原文地址:https://www.cnblogs.com/justyouadmin/p/11421680.html
Copyright © 2011-2022 走看看