翻譯|使用教程|編輯:吳園園|2020-03-16 09:37:15.910|閱讀 412 次
概述:系列是一組數(shù)據(jù),例如折線圖或一組列。圖表上繪制的所有數(shù)據(jù)都來自系列對象。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
Highcharts是一款純JavaScript編寫的圖表庫,為你的Web網(wǎng)站、Web應(yīng)用程序提供直觀、交互式圖表。當(dāng)前支持折線、曲線、區(qū)域、區(qū)域曲線圖、柱形圖、條形圖、餅圖、散點圖、角度測量圖、區(qū)域排列圖、區(qū)域曲線排列圖、柱形排列圖、極坐標(biāo)圖等幾十種圖表類型。
線寬
允許更改線的寬度。
更改線寬的代碼:
series: [{ data: [216.4, 194.1, 95.6], lineWidth: 5}],堆疊
堆疊使系列可以彼此重疊放置。
游標(biāo)
允許光標(biāo)更改外觀以指示點和系列是可單擊的。
數(shù)據(jù)標(biāo)簽
允許在圖表上為一系列數(shù)據(jù)的每個點顯示數(shù)據(jù)標(biāo)簽。
顯示如何啟用數(shù)據(jù)標(biāo)簽的代碼示例:
plotOptions: { line: { dataLabels: { enabled: true } } },
注意:您可能希望禁用鼠標(biāo)跟蹤功能,該功能會突出顯示系列并將鼠標(biāo)懸停在鼠標(biāo)懸停上(如果禁用了鼠標(biāo)跟蹤功能,則不會顯示工具提示)。
數(shù)據(jù)標(biāo)簽上顯示的文本也可以通過使用formatter選項進行自定義。
短劃線樣式
允許使用虛線代替實線,有幾種不同的破折號選項可用。
series: [{ data: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6], dashStyle: 'longdash' }]
區(qū)域
在某些情況下,您可能希望將圖形的某些部分顯示為不同的部分,一個常見的示例是當(dāng)數(shù)據(jù)落入特定范圍時使用不同的顏色。使用可以達到此效果zones。默認情況下,分區(qū)是在yAxis上完成的,但是可以通過zoneAxis在系列上設(shè)置變量來輕松更改。對于分區(qū)本身,您必須定義一個名為的數(shù)組zones,其中每個條目均對應(yīng)于一個區(qū)域,該區(qū)域由parameter分隔,該參數(shù)value是該區(qū)域所到達的點。每個區(qū)域可以覆蓋的設(shè)置是color,fillColor和dashStyle。
用于分區(qū)的代碼:
zones: [{ value: 0, color: '#f7a35c' }, { value: 10, color: '#7cb5ec' }, { color: '#90ed7d' }]此方法的另一個常見用途是對未來的估計數(shù)據(jù)點進行樣式設(shè)置。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:Highcharts