0

如何更改 highcharts 折线图中线条的颜色?

现在这条线显示为蓝色。如果我想让它说,红色怎么办?

现在我有以下代码:

new Highcharts.Chart({
 chart: {
  renderTo: 'emissionsChart',
  type: 'areaspline',
  marginRight: 20
 },
  legend: {
   layout: 'vertical',
   align: 'center',
   verticalAlign: 'top',
   x: 0,
   y: 40,
   floating: true,
   borderWidth: 1,
   backgroundColor: '#FFFFFF'
 },
  xAxis: {
   labels: {
       formatter: function() {
           return this.value.toFixed(0);
       }
   }
 },
  yAxis: {
   title: {
      text: 'Emissions (tCO2e)'
   }
  },
 credits: {
  enabled: false
  },




plotOptions: {
  areaspline: {
      fillOpacity: 0.5
   }
 },
  series: [{"name":"High reduction rate","data":[]}]
  });
4

1 回答 1

0

您可以在 plotOptions 中指定您想要的任何颜色 - 除许多其他事项外:

http://api.highcharts.com/highcharts#plotOptions.series.color

您也可以通过将属性添加到您的系列对象来逐系列执行此操作:

http://jsfiddle.net/jlbriggs/yPLVP/8/

series:[{
  color:'orange',
  data:[5,2,8,9,6,3,4,7,7]
}
于 2013-06-11T16:06:33.403 回答