echarts:有没有办法将`axisPointer`阴影改为浅灰色阴影?

时间:2018-05-27 12:08:23

标签: javascript echarts

我正在尝试更改默认阴影颜色(例如,当悬停在一堆条形图上时:https://ecomfe.github.io/echarts-examples/public/editor.html?c=bar-label-rotation

关注此代码部分的示例:

option = {
    color: ['#003366', '#006699', '#4cabce', '#e5323e'],
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    }, ....... 
       ..............................
       ............................................

type变量有3个选项,如文档中所述: https://ecomfe.github.io/echarts-doc/public/en/option.html#grid.tooltip.axisPointer.type

但是我找不到任何可以控制阴影颜色的东西。 我希望它的颜色比默认颜色浅很多。

有没有其他方法来设置阴影颜色?

我一直在探索echarts.js一段时间......遗憾的是,除了所有图表图形都很棒的事实,不幸的是 - 我发现比专业人士更有利于:(

1 个答案:

答案 0 :(得分:0)

试试这个: axisPointer.shadowStyle.color

 color: {
        type: 'linear',
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [{
            offset: 0, color: 'red' // color at 0% position
        }, {
            offset: 1, color: 'blue' // color at 100% position
        }],
        globalCoord: false // false by default
    }

在他们的文件中给出。看看这个:https://ecomfe.github.io/echarts-doc/public/en/option.html#axisPointer