資源描述:
《highcharts常遇問(wèn)題總結(jié)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、Highcharts常用問(wèn)題總結(jié)1,設(shè)置標(biāo)題不顯示:title:false用法:title:{text:false},2.時(shí)間格式的轉(zhuǎn)換用法:xAxis:{type:'datetime',labels:{formatter:function(){returnHighcharts.dateFormat('%Y-%b-%e%H:%M:%S',this.value);}},具體時(shí)間格式結(jié)合API使用.3.y軸默認(rèn)一個(gè)最大值,超過(guò)該最大值成倍增長(zhǎng):tickInterval:200用法:yAxis:{title:{text:'Te
2、mperature(°C)'},tickInterval:200},4.餅形圖中設(shè)置小數(shù)位數(shù)最多兩位處理函數(shù):Highcharts.numberFormat用法:plotOptions:{pie:{allowPointSelect:true,cursor:'pointer',dataLabels:{enabled:true,color:'#000000',connectorColor:'#000000',formatter:function(){return''+this.point.name+':'+Hi
3、ghcharts.numberFormat(this.percentage)+'%';}}}},5.圖像下面標(biāo)簽的位置:legend:{align:'left',verticalAlign:'top',y:20,floating:true,borderWidth:0//該處是頂部靠左可根據(jù)自己的需求更改位置},6.X軸或Y軸部分?jǐn)?shù)據(jù)省略顯示xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
4、labels:{step:3}//包括本身隔三個(gè)顯示一個(gè)X軸坐標(biāo)},7.Y軸最左邊顯示一條實(shí)線:yAxis:{title:{text:'Temperature(°C)'},lineWidth:2(y軸顯示實(shí)線,數(shù)字代表實(shí)現(xiàn)粗度)},8.去掉右下角的www.highcharts。com信息credits:{enabled:true,text:""},9.通過(guò)點(diǎn)擊某個(gè)按鈕刪除某條線的數(shù)據(jù)$('#button').click(function(){chart.series[0].remove();this.disabled=t
5、rue;//series[0]是代表第一條線});10.設(shè)置柱形圖的寬度,默認(rèn)會(huì)很寬column:{pointPadding:0.2,borderWidth:0,pointWidth:40//根據(jù)這個(gè)值變化}11.拖動(dòng)圖形的點(diǎn)可以放大chart:{renderTo:'container',zoomType:'xy'},完整javaHighchars例子請(qǐng)參考本人博客,后續(xù)請(qǐng)大家將所遇到的問(wèn)題進(jìn)行分享!http://blog.sina.co
6、m.cn/slq914