echarts part of the beautification configuration item usage records

A graph background color configuration items, such as background color gradient

https://www.echartsjs.com/zh/option.html#backgroundColor

 

Second, the color chart graphics, such as color histogram gradation display using row

　　

options = {
    series: [
        {
            name: 'Financial News' ,
            barWidth: '30%',
            type: 'bar',
            itemStyle: {
                normal: {
                    barBorderRadius: [ 10, 10, 10, 10], // radius, units px, support incoming array 4 are designated radius. Clockwise upper left, upper right, lower right, lower left 
                    Color: { // the same configuration as the background color chart https://www.echartsjs.com/zh/option.html#backgroundColor 
                        type: 'Linear' ,
                        x: 0,
                        y: 0 ,
                        X2: 0 ,
                        Y2: 1 ,
                        colorStops: [{
                            offset: 0, Color: '# 4D29D3' // color at a 0% 
                        }, {
                            offset: . 1, Color: '# BE58F9' // color at 100% 
                        }],
                        , Ltd. Free Join: false  // default is false 
                    },
                }
            },
        }
    ],
}

Beautification three line graph vertices, filling region

series: [
    {
        Symbol: 'Circle', // pattern //https://www.echartsjs.com/zh/option.html#series-line.symbol polyline points 
        SymbolSize: 10, // size polyline points // https: / /www.echartsjs.com/zh/option.html#series-line.symbolSize 
        AreaStyle: {...} // area fill style //https://www.echartsjs.com/zh/option.html#series- line.areaStyle 
    }
]