区分线和柱形图类型之间的边界

时间:2015-12-16 20:42:52

标签: javascript highcharts

我正在使用一个图表,其中有两种类型的系列:line和column。 作为要求,类型必须使用相同的颜色。问题是无法区分两者(见第一张图片)

我创建了一些代码来添加边框,但这仅适用于" dot"该行:

 var avgSeries = this.getAvgSeries();
        _.forEach(avgSeries, (serie: any) => {
            _.forEach(serie.data, (dataPoint: any) => {
                if (dataPoint.graphic != undefined) { dataPoint.graphic.attr({ 'stroke': 'black', 'stroke-width': 1 }); }
            });
        });

1)在下面的图像中,您可以看到该线条不可见。我知道这条线会继续,因为我已经将这种黑色添加到了点上。

enter image description here

2)在第二张图片中,线条是可见的,因为我将鼠标放在了线上。

enter image description here

现在,我的问题是如何使线条更像第二张图像?

1 个答案:

答案 0 :(得分:1)

当您将鼠标悬停在高价图表中的列上时,默认情况下会将颜色提亮0.1 {/ 3}}

如果您查看图像,您会注意到顶部列的颜色与底部的颜色不同。

如果您希望能够区分色谱柱和线条,请稍微变暗或变亮。