Блог

Главная - Вопросы по программированию - Верхние диаграммы добавляют условные обозначения для цветов маркера

Верхние диаграммы добавляют условные обозначения для цветов маркера

#javascript #highcharts #react-highcharts

#javascript #верхние диаграммы #реагировать-highcharts

Вопрос:

У меня есть линейный график с одним рядом данных. Теперь для определенных точек я использовал разные цвета маркера, и я хотел добавить легенду для этих цветов маркера. Возможно ли включить это в сам highcharts или мне следует создать внешний div?

Комментарии:

1. Полезно будет предложить codepen или небольшой пример fiddle. однако, похоже, вам нужно names последовательно. Взгляните сюда, может ли это помочь: jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree /…

Ответ №1:

Вы можете использовать дополнительные ряды рассеяния для маркеров, например:

     chart: {
        type: 'scatter'
    },
    series: [{
        type: 'line',
        data: [1, 5, 3, 1, 5, 6, 7, 1, 2, 4],
        marker: {
            enabled: false
        }
    }, {
        name: 'marker1',
        data: [
            [3, 1]
        ]
    }, {
        name: 'marker2',
        data: [
            [5, 6]
        ]
    }]

Живая демонстрация: http://jsfiddle.net/BlackLabel/Lbf9cqnm

Ссылка на API: https://api.highcharts.com/highcharts/series.scatter