日本bbw熟女,在线国产亚洲91,无码国产69精品久久久久网站

JavaScript圖表庫Highcharts入門教程（九）：系列數(shù)據(jù)（下）

翻譯|使用教程|編輯：吳園園|2020-03-16 09:37:15.910|閱讀 412 次

概述：系列是一組數(shù)據(jù)，例如折線圖或一組列。圖表上繪制的所有數(shù)據(jù)都來自系列對象。

相關(guān)鏈接：

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

點(diǎn)擊下載Highcharts最新試用版

線寬

允許更改線的寬度。

更改線寬的代碼：

series: [{
    data: [216.4, 194.1, 95.6],
    lineWidth: 5}],

堆疊

堆疊使系列可以彼此重疊放置。

游標(biāo)

允許光標(biāo)更改外觀以指示點(diǎn)和系列是可單擊的。

數(shù)據(jù)標(biāo)簽

允許在圖表上為一系列數(shù)據(jù)的每個(gè)點(diǎn)顯示數(shù)據(jù)標(biāo)簽。

顯示如何啟用數(shù)據(jù)標(biāo)簽的代碼示例：

plotOptions: {
    line: {
        dataLabels: {
            enabled: true
        }
    }
},

注意：您可能希望禁用鼠標(biāo)跟蹤功能，該功能會(huì)突出顯示系列并將鼠標(biāo)懸停在鼠標(biāo)懸停上（如果禁用了鼠標(biāo)跟蹤功能，則不會(huì)顯示工具提示）。

數(shù)據(jù)標(biāo)簽上顯示的文本也可以通過使用formatter選項(xiàng)進(jìn)行自定義。

短劃線樣式

允許使用虛線代替實(shí)線，有幾種不同的破折號(hào)選項(xiàng)可用。

設(shè)置單個(gè)系列的虛線的代碼（dashStyle也可以在plotOptions中設(shè)置）：

series: [{
    data: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6],
    dashStyle: 'longdash'
}]

區(qū)域

在某些情況下，您可能希望將圖形的某些部分顯示為不同的部分，一個(gè)常見的示例是當(dāng)數(shù)據(jù)落入特定范圍時(shí)使用不同的顏色。使用可以達(dá)到此效果zones。默認(rèn)情況下，分區(qū)是在yAxis上完成的，但是可以通過zoneAxis在系列上設(shè)置變量來輕松更改。對于分區(qū)本身，您必須定義一個(gè)名為的數(shù)組zones，其中每個(gè)條目均對應(yīng)于一個(gè)區(qū)域，該區(qū)域由parameter分隔，該參數(shù)value是該區(qū)域所到達(dá)的點(diǎn)。每個(gè)區(qū)域可以覆蓋的設(shè)置是color，fillColor和dashStyle。

用于分區(qū)的代碼：

zones: [{  
    value: 0,  
    color: '#f7a35c'  
}, {  
    value: 10,  
    color: '#7cb5ec'  
}, {  
    color: '#90ed7d'  
}]

此方法的另一個(gè)常見用途是對未來的估計(jì)數(shù)據(jù)點(diǎn)進(jìn)行樣式設(shè)置。

想要了解或購買Highcharts正版授權(quán)的朋友，歡迎

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：Highcharts

上一篇：Java開發(fā)工具IntelliJ IDEA使用源代碼系列教程（一）：快捷方式和功能（下）下一篇：Visual Studio 使用教程：使用IntelliTest生成單元測試

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號(hào)：13328

當(dāng)前版本：v9.2.2 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： Highsoft

正式授權(quán)

">Highcharts

純JavaScript編寫的開源圖表庫，為你的Web應(yīng)用程序提供直觀的、交互式圖表

最新文章 MORE

金喜正規(guī)買球相關(guān)的文章 MORE

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

JavaScript圖表庫Highcharts入門教程（九）：系列數(shù)據(jù)（下）

用科技創(chuàng)就卓越

Create excellence with technology

老司机夜插-理伦理片-理伦片免费-理伦片免费观看-理伦片免费看-理伦日韩-理论福利片-理论片第一页-理论片电影-理论片理论

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

JavaScript圖表庫Highcharts入門教程（九）：系列數(shù)據(jù)（下）

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology