码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-11-04 10:57:21      阅读:338      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   java   for   sp   div   


这个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轴的宽度

标签:style   blog   io   color   ar   java   for   sp   div   

原文地址:http://www.cnblogs.com/svennee/p/4072927.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!