HighCharts - Как отключить точки?

83

Я использую HighCharts. Вот документация. Я хотел бы отключить эти пункты, но сначала я не знаю, как это называется. Поэтому я не могу их выключить. Вы знаете, как я могу убить эти точки?

Я хотел бы обратить внимание на эти моменты

Лайош
источник

Ответы:

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
есть ли способ отключить маркеры при наведении курсора? Попытка
навести
5
@igrek - Как это? jsfiddle.net/aeZ6P/37 Код, который я добавилstates: { hover: { enabled: false } }
Тим Медора
Есть ли способ отключить линии и оставить только маркеры? Полагаю, это будет полная противоположность этому вопросу?
disp_name
1
@RajatAgarwal - Мне не удалось найти правильный способ отключить линии, но я смог скрыть линии, установив их ширину равной 0 пикселей
Тим Медора
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
    }]
}]
Павел Фус
источник
А как отключить фигуру в точке при наведении курсора на строку для каждой серии данных?
Петр
Просто отключите states.hover.
Paweł Fus
1
@ PawełFus, спасибо. plotOptions.series.states.hoverработает. Я рад, что увидел этот пост.
Juniuz
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
            }
        }
    },

Наслаждайтесь!

Провидец
источник
извините, но не работает при наведении, при наведении всегда есть этот маркер
Эмилиано