在Highcharts中更改系列名稱和顏色

Question

我在圖表中呈現了多個系列，但我無法弄清楚如何更改每個系列的名稱或其他屬性。傳說只是有他們作爲系列1，系列2和串聯3

這裏是我的代碼：

<script type="text/javascript"> 
$(function() { 

    $.getJSON('decodeseries.php', function(data) { 
     // Create the chart 
     $('#container').highcharts({ 
      chart: { 
       type: 'area'   
      }, 
      yAxis: {title: {text: 'Wave Height (In Ft)'}}, 
      xAxis: {type: 'datetime'}, 

      title : { 
       text : '5 Day Forecast' 
      }, 



      series: data [{ 
       name: 'Location 1', 
       data: data 

      }, { 
       name: 'Location 2', 
       data: data 


      }, { 
       name: 'Location 3', 
       data: data 


      }] 
     }); 

    }); 

}); 
     </script> 

JSON：

[{"data":[[1385510400000,0.88],[1385521200000,0.722]]}, 
{"data":[[1385510500000,0.98],[1385521400000,0.752]]}, 
{"data":[[1385510600000,1.88],[1385521500000,0.792]]}] 

這實際上不顯示在圖表上，但它迄今爲止我一直在嘗試。圖表的工作原理與上述JSON時，我只是使用以下命令：

series: data 

任何幫助，將不勝感激！

感謝

Answer 1

要設置一個數據系列的顏色/名稱與data元素，你需要給它的屬性。由於靠近我可以告訴你的data JSON實際上是由3個系列的數據：

[ 
{"data":[[1385510400000,0.88],[1385521200000,0.722]]}, 
{"data":[[1385510500000,0.98],[1385521400000,0.752]]}, 
{"data":[[1385510600000,1.88],[1385521500000,0.792]]} 
] 

我要改變它（但它被做）這樣：

[ 
{"name":"Location 1", "color": "acolor", "data":[[1385510400000,0.88],[1385521200000,0.722]]}, 
{"name":"Location 2", "color": "anothercolor", "data":[[1385510500000,0.98],[1385521400000,0.752]]}, 
{"name":"Location 3", "color": "yetanothercolor", "data":[[1385510600000,1.88],[1385521500000,0.792]]} 
] 

您圖表上面的代碼做不渲染，因爲你正在做的：

series: data [{ 
     name: 'Location 1', 
     data: data 
    }, { 
     name: 'Location 2', 
     data: data 
    }, { 
     name: 'Location 3', 
     data: data 
    }] 

而且它試圖將data財產data分配到series.data這是無效的。從本質上講，你是在說每個3 series.data = series.data.data。

用我上面的例子做這樣的事情：

$('#container').highcharts({ 
      chart: { 
       type: 'area'   
      }, 
      yAxis: {title: {text: 'Wave Height (In Ft)'}}, 
      xAxis: {type: 'datetime'}, 
      title : { 
       text : '5 Day Forecast' 
      }, 
      series: data 
     });