CanvasJS 是一個用於繪製互動式圖表和圖形的 JavaScript 庫。它基於 HTML5 的 Canvas 元素,提供了一個簡潔而強大的 API,使得在網頁上添加和自定義各種圖表變得容易。
CanvasJS 提供了多種類型的圖表,包括線性圖、區域圖、柱狀圖、圓餅圖、散點圖、泡泡圖等等。你可以使用 CanvasJS 在網頁上展示數據、趨勢和統計信息。
### Spline Chart 加上水平線
```js
var chart = new CanvasJS.Chart("chartContainer", {
// 設置圖表屬性和配置
// ...
axisY: {
stripLines: [{
value: 12, // 水平線的值
color: "red", // 水平線的顏色
thickness: 2, // 水平線的粗細
label: "Threshold" // 水平線的標籤
}]
},
data: [{
type: "spline",
// 數據點數據
// ...
}]
});
chart.render();
```