HighCharts-如何关闭积分?


83

我正在使用HighCharts。是文档。我想关闭这些观点,但起初我不知道该如何称呼。因此,我无法关闭它们。你知道我怎么能杀死那些点吗?

我想谈谈这些观点

Answers:


132

这是带有折线图的示例:http : //jsfiddle.net/aeZ6P/1/

重要部分:

plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    }
}

另请参阅:https : //api.highcharts.com/highcharts/plotOptions.line.marker.enabled

与样条线相同的效果:http : //jsfiddle.net/aeZ6P/


2
有没有办法关闭悬停标记?尝试悬停:{启用:错误}},但没有运气:jsfiddle.net/aeZ6P/36
igrek

5
@igrek-这样吗?jsfiddle.net/aeZ6P/37我添加的代码是states: { hover: { enabled: false } }
Tim Medora,

有没有办法关闭线并只保留标记?我想这与这个问题完全相反吗?
disp_name

1
@RajatAgarwal-我找不到禁用线条的正确方法,但是我能够通过将线条的宽度设置为0px来隐藏线条:jsfiddle.net/aeZ6P/257
Tim Medora

84

在Highcharts中,我们提供了三种禁用标记的方法:

1)按类型对所有系列禁用:

plotOptions: {
    line: { /* or spline, area, series, areaspline etc.*/
        marker: {
           enabled: false
        }
    }
}

2)禁用一个特定系列:

series: [{
    data: [14,17,21],
    marker: {
       enabled: false
    }
}]

3)在某点禁用标记:

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]

当您将鼠标悬停在每个数据系列的行上时如何禁用图形?
Piotr

只需禁用states.hover
帕维尔毕淑敏

1
@PawełFus谢谢。plotOptions.series.states.hover作品。我很高兴看到这篇文章。
朱尼兹

12

从HighCharts API参考中了解一下:

http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

您需要添加的选项如下:

    plotOptions: {
        series: {
            marker: {
                enabled: false
            }
        }
    },

这种方法很好,因为它将与所有带有点标记的图表一起使用。如果需要特定的图表类型,请检查以下内容:

    plotOptions: {
        line: { // <--- Chart type here, check the API reference first!
            marker: {
                enabled: false
            }
        }
    },

请享用!


抱歉,但是在悬停时不起作用,在悬停时始终具有该标记
Emiliano
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.