什么是數(shù)據(jù)列
數(shù)據(jù)列是一組數(shù)據(jù)集合，例如一條線，一組柱形等。圖表中所有點(diǎn)的數(shù)據(jù)都來自數(shù)據(jù)列對(duì)象，數(shù)據(jù)列的基本構(gòu)造是：
series : [{ name : '', data : []}] 提示：數(shù)據(jù)列配置是個(gè)數(shù)組，也就是數(shù)據(jù)配置可以包含多個(gè)數(shù)據(jù)列。
數(shù)據(jù)列中的 name 代表數(shù)據(jù)列的名字，并且會(huì)顯示在數(shù)據(jù)提示框（Tooltip）及圖例（Legend）中
tags:
1.數(shù)據(jù)列中的數(shù)據(jù)填充：
方法一：一維數(shù)組
如果有categories屬性的話就是使用一維數(shù)組
data : [1, 4, 6, 9, 10]
方法二：二維數(shù)組
如果沒有categories屬性的話就是使用二維數(shù)組
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默認(rèn)為1px
series: [{ data: [216.4, 194.1, 95.6], lineWidth: 5}]3.數(shù)據(jù)標(biāo)簽（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', //指定作用于哪個(gè)軸 zones: [{ value: 1.7, color:'#90ed7d'//這兩個(gè)屬性是可以放在一起的但不能和dashStyle放在一起 }, { dashStyle: 'dot' }] }]以上就是本文的全部?jī)?nèi)容，在 Highcharts 中，數(shù)據(jù)列的配置是個(gè)非常重要的配置，同時(shí)又由于可配置的屬性非常對(duì)，配置的靈活性非常高，需要大家自己自己體會(huì)和理解。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
