Высокие диаграммы назначают цвета серии после использования csvURL - PullRequest
0 голосов
/ 25 апреля 2020

Я импортирую CSV-файл, используя Highcharts cvsURL для линейного графика. Я использую styledMode, и я определил цвета по умолчанию. Highcharts использует мою таблицу стилей. Есть ли простой способ сообщить каждой серии, какой цвет использовать?

У меня много линий, поэтому старшие диаграммы циклически перебирают 10 цветов по умолчанию. Мне нужно, чтобы один из цветов был назначен только для двух серий c.

Вот мой код:

Highcharts.chart('container', {
    chart: {
        type: 'line',
        styledMode: true //this totally separates the design from the svg.
    },
    data: {
        itemDelimiter: ',',
        csvURL: 'http://deq.at.utah.gov/wp-content/themes/deq/parts/charts/Ozone-4th-Highest-8hr-Front.csv'
    },
    title: {
        text: 'Ozone 4th Highest 8-hr Concentration Wasatch Front'
    },
    yAxis: {
        title: {
            text: '(Ozone PPM)'
        }
    }
});

Я думаю, что API сказал что-то о назначении классов для серии. Может быть, это сработает, потому что я могу сделать пользовательский CSS только для этих серий, но я не понимаю, как это сделать с помощью csvURL.

1 Ответ

1 голос
/ 27 апреля 2020

Вы можете определить color или className для серии следующим образом:

data: {
  csvURL: '...'
},
series: [{
  color: '#00c735'
}, {
  color: '#c4392d'
}]

Демонстрационная версия: https://jsfiddle.net/BlackLabel/kj9udgat/1/

Справочник по API:

https://api.highcharts.com/highcharts/series.line.className

https://api.highcharts.com/highcharts/series.line.color

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...