Highchars 标示区曲线图.pdfVIP

Highcharts 标⽰区曲线图 Highcharts 标⽰区曲线图 Highcharts 曲线图 以下实例演⽰了标⽰区曲线图。 我们在前⾯的章节已经了解了 Highcharts 配置语法。接下来让我们来 下如何配置。 配置 使⽤ yAxis.plotBands 属性来配置标⽰区。区间范围使⽤ from 和 to 属性。颜⾊设置 使⽤ color 属性。标签样式使⽤ label 属性。 配置信息： var yAxis = { title: { text: Wind speed (m/s) }, min: 0, minorGridLineWidth: 0, ridLineWidth: 0, alternateGridColor: null, plotBands: [{ // Li ht air from: 0.3, to: 1.5, color: r ba(68, 170, 213, 0.1), label: { text: Li ht air, style: { color: #606060 } } }, { // Li ht breeze from: 1.5, to: 3.3, color: r ba(0, 0, 0, 0), label: { text: Li ht breeze, style: { color: #606060 } } }, { // Gentle breeze from: 3.3, to: 5.5, color: r ba(68, 170, 213, 0.1), label: { text: Gentle breeze, style: { color: #606060 } } }, { // Moderate breeze from: 5.5, to: 8, color: r ba(0, 0, 0, 0), label: { text: Moderate breeze, style: { color: #606060 } } }, { // Fresh breeze from: 8, to: 11, color: r ba(68, 170, 213, 0.1), label: { text: Fresh breeze, style: { color: #606060 } } }, { // Stron breeze from: 11, to: 14, color: r ba(0, 0, 0, 0), label: { text: Stron breeze, style: { color: #606060 } } }, { // Hi h wind from: 14, to: 15, color: r ba(68, 170, 213, 0.1), label: { text: Hi h wind, style: { color: #606060 } } }] }; 实例 ⽂件名：highcharts_spline_bands.htm html head meta charset=UTF-8 / titleHi hcharts 教程 | W3Cschool教程