使用csvURL后,Highcharts将颜色分配给系列

问题描述 投票:0回答:1

我正在使用Highcharts cvsURL导入折线图的csv文件。我正在使用styledMode并定义了默认颜色。 Highcharts正在使用我的样式表。有没有一种简单的方法来告诉每个系列使用哪种颜色?

我有很多行,因此高图在其10种默认颜色之间循环。我需要将其中一种颜色仅分配给2个特定的系列。

到目前为止是我的代码:

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来实现。

highcharts
1个回答
0
投票

您可以通过以下方式为系列定义colorclassName

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

© www.soinside.com 2019 - 2024. All rights reserved.