echarts 柱状图添加背景色/阴影色(react)

echarts 柱状图添加背景色/阴影色(react)_第1张图片
barGap : ‘-100%’

就是一组颜色浅的数据

同时使用tooltip问题跳转echarts tooltip和barGap同时使用

series: [
    {
     
        type: 'bar',
        color: 'rgba(240, 246, 253, 0.6)',
        barWidth: 32,
        barGap: '-100%', // Make series be overlap
        data: seriesData.map(() => {
     return formatInt(max)}),  //这组数据按需要设置百分比/阴影高度
    },{
     
        type: 'bar',
        data: seriesData,
        barWidth: 32,
        color: '#66aaff',
        borderColor: '#3ba1ff',
        borderWidth: 0,
        areaStyle: {
     
            color: new echarts.graphic.LinearGradient(
            0, 1, 0, 0, [
                {
     offset: 0, color: '#fff'},
                {
     offset: 1, color: '#66aaff'}
            ])
        },
    }
]

你可能感兴趣的:(react,echarts,javascript,react,echarts)