首页 > 代码库 > HighCharts: 设置时间图x轴的宽度

HighCharts: 设置时间图x轴的宽度


这个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=http://www.mamicode.com/‘#request.quoteTrendsSeries‘ status=‘astat‘>         {             <s:iterator id=‘bqtsKey‘ value=http://www.mamicode.com/‘#aqtsMap.keySet()‘ status=‘bstat‘>"color: #000000;">                 name: ‘${bqtsKey}‘,                 data: [                 <s:iterator id=‘dqts‘ value=http://www.mamicode.com/‘#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=http://www.mamicode.com/‘#dqts.count‘/>]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轴的宽度