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

點擊下載Highcharts最新試用版

系列對象具有以下結(jié)構(gòu)：

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

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

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

系列數(shù)據(jù)

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

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

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

點和標(biāo)記

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

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

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]
}]

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

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

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選項結(jié)構(gòu)的兩個位置定義系列選項。

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

以下是可應(yīng)用于數(shù)據(jù)系列的最常見選項的概述：

動畫

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

顏色

允許更改系列的顏色。

點選擇

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

啟用點選擇的代碼：

plotOptions: {
    series: {
        allowPointSelect: true
    }
}

var selectedPoints = chart 。getSelectedPoints （）;