Highcharts是一款純JavaScript編寫的圖表庫，為你的Web網站、Web應用程序提供直觀、交互式圖表。當前支持折線、曲線、區域、區域曲線圖、柱形圖、條形圖、餅圖、散點圖、角度測量圖、區域排列圖、區域曲線排列圖、柱形排列圖、極坐標圖等幾十種圖表類型。

點擊下載Highcharts最新試用版

系列對象具有以下結構：

series: [{
    name: '',
    data: []
}]

注意：系列對象是一個數組，這意味著它可以包含多個系列。

name屬性為系列提供一個名稱，將其懸停在圖表和圖例中的系列上時會顯示。

系列數據

實際數據由data屬性表示為數組，并可以三種方式表示：

1、數值列表。在這種情況下，數值將被解釋為y值，并且x值將自動計算（從0開始并以1遞增，或者從pointStart和pointInterval選項開始）。如果軸具有類別，則將使用這些類別。

3、具有命名值的對象列表。在這種情況下，對象是點配置對象，如options.point下所示。可以從API中查看可用屬性的完整列表，例如line series。請注意，要使此選項在Highstock中起作用，總點數不得超過turboThreshold，或者必須增加turboThreshold設置。

點和標記

對于笛卡爾圖表，一個點表示圖表上的（x，y）對。可以在系列數據中為點提供單獨的選項。對于其他圖表類型，該點表示除（x，y）以外的其他值。例如，在范圍圖中，該點表示（x，低，高）。在OHLC圖表中，該點表示（x，開盤，高，低，收盤）。在餅圖或量規中，該點表示單個值。

點選項可以應用于所有圖表。這是顯示如何編輯特定點顏色的示例：

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5,
            { y: 216.4, color: '#BF0B23'}, 194.1, 95.6, 54.4]
}]

折線圖，樣條線圖，面積圖和面積線圖可以選擇顯示點標記，這些點與點選項略有不同，因為它們可以更改點標記的樣式和形狀。

這是顯示如何更改特定點上標記的顏色和大小的示例。

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5,
    {y: 216.4, marker: { fillColor: '#BF0B23', radius: 10 } }, 194.1, 95.6, 54.4]
}]

系列選項

可以在Highchars選項結構的兩個位置定義系列選項。

• plotOptions中定義了適用于多個系列的常規選項  。要為圖表中的所有系列設置常規選項，請使用  plotOptions.series。要為特定圖表類型設置常規選項，每種圖表類型都有其自己的plotOptions集合。
• 每個系列的特定選項在系列  選項結構中定義  。也可以在特定的系列定義中設置為plotOptions結構列出的所有選項。某些選項（例如  data，  id  或  name）僅對特定系列有意義。

以下是可應用于數據系列的最常見選項的概述：

動畫

允許禁用或更改系列初始動畫的特征。默認情況下啟用動畫。

顏色

允許更改系列的顏色。

點選擇

允許選擇和突出顯示單個點。可用于刪除，編輯或顯示有關點的信息。

啟用點選擇的代碼：

plotOptions: {
    series: {
        allowPointSelect: true
    }
}

var selectedPoints = chart 。getSelectedPoints （）;