这个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轴的宽度相关推荐

  1. python使用matplotlib可视化、为可视化图像的X轴和Y轴设置自定义的轴标签(axis labels of matplotlib plot)

    python使用matplotlib可视化.为可视化图像的X轴和Y轴设置自定义的轴标签(axis labels of matplotlib plot) 目录

  2. plantuml最大宽度_设置TH最小和最大宽度非常缓慢

    给定一个固定头HTML表,我试图排队标题列与正文行列.我这样做是因为我使用CSS来使头部固定,而头部与身体其他部分不一致.设置TH最小和最大宽度非常缓慢 我正在使用的JavaScript工程,但速度非 ...

  3. 设计一个长方形类。成员变量包括:长度和宽度,成员函数除包括计算周长和计算面积外, 还包括用set方法来设置长方形的长度和宽度,以及用get的方法来获得长方形的长度和宽度 最后,编写一个测试程序来测试所

    本文为博主原创文章,未经博主允许不得转载. 版权为陈博超所有,第一次于2020年11月22日发表于BLOG上 本BLOG上原创文章未经本人许可,不得用于商业用途.转载请经允许后注明出处,否则保留追究法 ...

  4. oracle 设行宽,Oracle设置SQLPlus结果显示的宽度,ORACLE sqlplus提示符设置

    Oracle设置SQLPlus结果显示的宽度,ORACLE sqlplus提示符设置 发布时间:2020-04-03 08:51:02 来源:51CTO 阅读:4392 作者:M_ling 一.SQL ...

  5. Apache POI 生成折线图+柱状图设置双Y轴并导出word文档

    实际项目中遇到的问题,相关信息实在较少,怕自己忘记,菜鸟记录一下 我设置的是双Y轴的组和图表.左侧为折线图Y轴,右侧为柱状图Y轴. 直接上代码. // An highlighted block pub ...

  6. echarts中设置双Y轴左右刻度线一致

    echarts中设置双Y轴左右刻度线一致 一.效果图 二.主要代码 一.效果图 二.主要代码 this.taskxAxis = []this.taskSeries = [[], []]taskInit ...

  7. 动态设置echarts Y轴最大刻度与最小刻度

    动态设置echarts Y轴最大刻度与最小刻度 yAxis: { max: function (value) { return (value.max + 0.01 * (value.min)).toF ...

  8. 用公式实现动态设置图表的轴数据项

    本文适用于单表中有多类统计项目的情况,同时也适用制作程序的公用模块. 本文仅使用了程序与水晶报表的公式参数传递,而未使用动态创建功能 传统的图表制作中,我们都是先选择要进行图表显示的字段,在这里,我们 ...

  9. [pyecharts1.7] 坐标轴设置:X轴、Y轴通用

    本文档以及pyecharts使用手册(超链接)中的其他文档)将会持续更新. 有些内容标记为待更新的,有时间我会补充上.个人精力有限,优先发布在公众号上,有兴趣的可以关注一下哈:微信公众号「燃烧吧数据」 ...

最新文章

  1. android hal 驱动,AndroidHAL-Teseo
  2. 用计算机演银河系,天文学家利用计算机模拟类银河星系
  3. NLP中的自监督表示学习,全是动图,很过瘾的
  4. webp-imageio 如何编译及使用
  5. 已知一棵二叉树的中序序列和后序序列,写一个建立该二叉树的二叉链表存储结构的算法...
  6. 学python可以干嘛-学习Python可以做什么
  7. 浅谈equals和==的区别
  8. 巨头入局,华为云将给音视频行业带来什么?
  9. 游戏 新手引导 设计_我认为每个新手设计师都应该知道什么
  10. php的常量和变量的区别,php中常量与变量的区别是什么?
  11. 维护UI状态的最懒惰方法
  12. JS事件流(事件冒泡 事件委托)
  13. 1007. 素数对猜想 (20)
  14. docker-compose nginx + ssl配置
  15. 【饭谈】职业生涯的关键:不破不立
  16. dbv数据库乱码_使用DBV进行数据库版本控制
  17. 文笔很差系列4 - Kris Kremo
  18. 【翻译】Unity2017.3 版本发布说明
  19. 关于latex简历几个非常有用的命令
  20. Python数据分析:ADF平稳性假设检验

热门文章

  1. java final被覆盖_java中的final的使用
  2. wordpressQQ登陆php代码,仅在登录时使用wordpress PHP代码
  3. 转码java,java转码
  4. linux如何运行qt源码,Linux/Ubuntu下编译Qt4.8.2源码
  5. 计算机产品创新设计实践,基于TRIZ的计算机辅助机械产品创新设计研究
  6. python argvparser_Python ArgumentParse的subparser用法说明
  7. java lambda 排序_Java8特性:Lambda表达式之概念篇
  8. 用计算机弹正义之道,正义之道
  9. java接口方法实现_Java接口的简单定义与实现方法示例
  10. python列表转换成数字_Python中列表元素转为数字的方法分析