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
чи є спосіб вимкнути маркери при наведенні? Пробував ширяння: {включено: FALSE}} не пощастило: jsfiddle.net/aeZ6P/36
ігрек

5
@igrek - Так? jsfiddle.net/aeZ6P/37 Код, який я додав,states: { hover: { enabled: false } }
Тім Медора

Чи є спосіб обігнути лінії і зберегти лише маркери? Я думаю, це буде прямо протилежним до цього питання?
disp_name

1
@RajatAgarwal - я не зміг знайти правильний спосіб відключити рядки, але мені вдалося приховати рядки, встановивши їх ширину 0px: jsfiddle.net/aeZ6P/257
Тім Медора

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робіт. Я радий, що побачив цю публікацію.
Juniuz

12

Погляньте на це з посилання на API HighCharts:

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

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


вибачте, але не працюйте над наведенням, на наведенні завжди майте цей маркер
Еміліано
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.