HighCharts - 如何关闭数据点？

Question

我正在使用HighCharts。这里是文档。我想关闭这些点，但一开始不知道它被称为什么。因此我无法关闭它们。你知道我如何才能消除这些点吗？

- Lajos

Answer 1

这里有一个带有线状图的示例：http://jsfiddle.net/aeZ6P/1/

重要部分：

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

请参见：https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

关于样条图也有同样的效果：http://jsfiddle.net/aeZ6P/

- Tim M.

---

有没有办法在悬停时关闭标记？尝试了 hover: { enabled: false }，但没有成功：http://jsfiddle.net/aeZ6P/36/。 - igrek

像这样吗？jsfiddle.net/aeZ6P/37 我添加的代码是 states: { hover: { enabled: false } }。 - Tim M.

有没有办法关闭线条，只保留标记？我猜这将是与此问题完全相反的操作？ - disp_name

@RajatAgarwal - 我没有找到禁用这些线的合适方法，但是我可以通过将它们的宽度设置为0像素来隐藏这些线：http://jsfiddle.net/aeZ6P/257/ - Tim M.

@igrek，http://jsfiddle.net/aeZ6P/37 的链接帮了很多忙。谢谢！ - Tejashree

Answer 2

在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
    }]
}]

- Paweł Fus

---

如何在悬停于每个数据系列的线上时禁用图形？ - Piotr

只需禁用 states.hover。 - Paweł Fus

@PawełFus 谢谢。plotOptions.series.states.hover 可以用。看到这篇文章我很高兴。 - Junius

Answer 3

请看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
            }
        }
    },

享受吧！

- Seer

---

抱歉，但悬停时无法工作，悬停时始终会有那个标记。 - Emiliano

你如何关闭一个标记，比如最后一个？ - Justin Meskan

要关闭悬停时的标记，请添加以下内容：plotOptions: { series: { states: { hover: { enabled: false } } } } - Midiman