Highcharts(四)之資料列
title: Highcharts(四)之資料列
date: 2016-07-23 23:28:19
tags:
1.資料列中的資料填充:
方法一:一維陣列
如果有categories屬性的話就是使用一維陣列
data : [1, 4, 6, 9, 10]
方法二:二維陣列
如果沒有categories屬性的話就是使用二維陣列
data : [ [5, 2], [6,3], [8,2] ]
方法三:集合
series:[{ data : [{ name : "point 1", color : "#00ff00", y : 0 }, { name : "Point 2", color : "#ff00ff", y : 5 }] }]
2.線條寬度(lineWidth):
將線條的寬度改為5px預設為1px
series: [{ data: [216.4, 194.1, 95.6], lineWidth: 5 }]
3.資料標籤(dataLables):
plotOptions: { series: { dataLabels: { enabled: true, } } },
4.線條樣式(Dash Style):
series: [{ data: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6], dashStyle: 'longdash' }, { data: [2, 4, 1, 3, 4, 2, 9, 1, 2, 3, 4, 5], dashStyle: 'shortdot' }]
5.Zoom
series:[{ name:"a", data:[1,2,3], zoneAxis: 'x', //指定作用於哪個軸 zones: [{ value: 1.7, color:'#90ed7d'//這兩個屬性是可以放在一起的但不能和dashStyle放在一起 }, { dashStyle: 'dot' }] }]
作者:lwenxu
連結:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4422/viewspace-2812283/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- highcharts 多資料+切換
- 用highcharts做資料統計
- 資料結構之「佇列」資料結構佇列
- 資料結構之「陣列」資料結構陣列
- 資料結構之陣列資料結構陣列
- delphi常用文件資料之四 (轉)
- JavaScript資料結構之陣列棧佇列JavaScript資料結構陣列佇列
- php資料型別之陣列PHP資料型別陣列
- JavaScript資料結構之-佇列JavaScript資料結構佇列
- 資料結構之佇列(Queue)資料結構佇列
- JavaScript資料結構之佇列JavaScript資料結構佇列
- MongoDB之資料查詢(陣列)MongoDB陣列
- 資料庫安全之TDE列加密資料庫加密
- HighCharts之圖表背景設定
- 修復資料庫壞塊之四資料庫
- 重學資料結構之佇列資料結構佇列
- 資料結構之「雙端佇列」資料結構佇列
- 資料結構學習之佇列資料結構佇列
- 玩轉資料結構之陣列資料結構陣列
- 資料結構之棧和佇列資料結構佇列
- java之資料型別與陣列Java資料型別陣列
- 基礎資料結構之陣列資料結構陣列
- [大資料文章之其四] 概率資料結構簡介大資料資料結構
- highcharts繪製折線資料圖程式碼例項
- 軟體測試之資料庫系列四資料庫
- redis資料結構詳解之Hash(四)Redis資料結構
- Data Guard Broker系列之四:資料庫管理資料庫
- 大資料教程分享實用的大資料之陣列大資料陣列
- 「資料治理那點事」系列之四 | 書同文車同軌:資料治理之資料標準管理
- LeetCode之資料結構——陣列LeetCode資料結構陣列
- 資料結構之php實現陣列資料結構PHP陣列
- 資料結構之php實現佇列資料結構PHP佇列
- (一)Java資料結構之稀疏陣列Java資料結構陣列
- java資料結構學習之陣列Java資料結構陣列
- 資料結構二之棧和佇列資料結構佇列
- Highcharts結合後臺實現圖餅資料顯示
- highCharts動態取值之單折線圖
- 資料庫之淚第四章節資料庫