這個x軸寬度的設置整了好久，被老板催的要死 highcharts的api文檔很難找，找了半天也沒找到，網上資料少，說的試了下，也沒有，我用的圖里api文檔里沒有介紹，這個屬性不知道的話，根本不好找。為此，記錄下這次事件 實例代碼： <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <%@ include file="/WEB-INF/jsp/include/include_taglibs.jsp"%>{ "code":0, "data":{ "content":" <script type='text/javascript'> try{var options = {chart: {renderTo: '${biz}Trend',type: 'spline',height: 215,width: 460},exporting: {enabled: false},title: {text: '',x: -20},subtitle: {text: '趨勢分析',x: -160},xAxis: {maxPadding : 0.1, minPadding : 0.1, tickWidth:5,type: 'datetime',labels: {rotation: -20,y: 30,formatter: function() {return Highcharts.dateFormat('%Y-%m-%d', this.value);}}},yAxis: {title: {text: ''},min: 0},tooltip: {formatter: function() {return '<b>'+ this.series.name +'</b><br/>'+Highcharts.dateFormat('%Y-%m-%d', this.x) +': '+ this.y;}},series: [<s:iterator id='aqtsMap' value='#request.quoteTrendsSeries' status='astat'>{<s:iterator id='bqtsKey' value='#aqtsMap.keySet()' status='bstat'><s:set name='cqtsList' value='#aqtsMap.get(#bqtsKey)'></s:set>name: '${bqtsKey}',data: [<s:iterator id='dqts' value='#cqtsList' status='dstat'>[Date.UTC(<s:date name='#dqts.time' format='yyyy'/>,Highcharts.numberFormat(<s:date name='#dqts.time' format='MM'></s:date>,0)-1,<s:date name='#dqts.time' format='dd'/>),<s:property value='#dqts.count'/>]<s:if test='!#dstat.last'>,</s:if></s:iterator>]</s:iterator>}<s:if test='!#astat.last'>,</s:if></s:iterator> ]};var chart = new Highcharts.Chart(options); }catch(e){} </script> "}}

?

總結

以上是生活随笔為你收集整理的HighCharts: 设置时间图x轴的宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。