HighCharts: 设置时间图x轴的宽度
这个x轴宽度的设置整了好久,被老板催的要死
<%@ 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轴的宽度相关推荐
- python使用matplotlib可视化、为可视化图像的X轴和Y轴设置自定义的轴标签(axis labels of matplotlib plot)
python使用matplotlib可视化.为可视化图像的X轴和Y轴设置自定义的轴标签(axis labels of matplotlib plot) 目录
- plantuml最大宽度_设置TH最小和最大宽度非常缓慢
给定一个固定头HTML表,我试图排队标题列与正文行列.我这样做是因为我使用CSS来使头部固定,而头部与身体其他部分不一致.设置TH最小和最大宽度非常缓慢 我正在使用的JavaScript工程,但速度非 ...
- 设计一个长方形类。成员变量包括:长度和宽度,成员函数除包括计算周长和计算面积外, 还包括用set方法来设置长方形的长度和宽度,以及用get的方法来获得长方形的长度和宽度 最后,编写一个测试程序来测试所
本文为博主原创文章,未经博主允许不得转载. 版权为陈博超所有,第一次于2020年11月22日发表于BLOG上 本BLOG上原创文章未经本人许可,不得用于商业用途.转载请经允许后注明出处,否则保留追究法 ...
- oracle 设行宽,Oracle设置SQLPlus结果显示的宽度,ORACLE sqlplus提示符设置
Oracle设置SQLPlus结果显示的宽度,ORACLE sqlplus提示符设置 发布时间:2020-04-03 08:51:02 来源:51CTO 阅读:4392 作者:M_ling 一.SQL ...
- Apache POI 生成折线图+柱状图设置双Y轴并导出word文档
实际项目中遇到的问题,相关信息实在较少,怕自己忘记,菜鸟记录一下 我设置的是双Y轴的组和图表.左侧为折线图Y轴,右侧为柱状图Y轴. 直接上代码. // An highlighted block pub ...
- echarts中设置双Y轴左右刻度线一致
echarts中设置双Y轴左右刻度线一致 一.效果图 二.主要代码 一.效果图 二.主要代码 this.taskxAxis = []this.taskSeries = [[], []]taskInit ...
- 动态设置echarts Y轴最大刻度与最小刻度
动态设置echarts Y轴最大刻度与最小刻度 yAxis: { max: function (value) { return (value.max + 0.01 * (value.min)).toF ...
- 用公式实现动态设置图表的轴数据项
本文适用于单表中有多类统计项目的情况,同时也适用制作程序的公用模块. 本文仅使用了程序与水晶报表的公式参数传递,而未使用动态创建功能 传统的图表制作中,我们都是先选择要进行图表显示的字段,在这里,我们 ...
- [pyecharts1.7] 坐标轴设置:X轴、Y轴通用
本文档以及pyecharts使用手册(超链接)中的其他文档)将会持续更新. 有些内容标记为待更新的,有时间我会补充上.个人精力有限,优先发布在公众号上,有兴趣的可以关注一下哈:微信公众号「燃烧吧数据」 ...
最新文章
- android hal 驱动,AndroidHAL-Teseo
- 用计算机演银河系,天文学家利用计算机模拟类银河星系
- NLP中的自监督表示学习,全是动图,很过瘾的
- webp-imageio 如何编译及使用
- 已知一棵二叉树的中序序列和后序序列,写一个建立该二叉树的二叉链表存储结构的算法...
- 学python可以干嘛-学习Python可以做什么
- 浅谈equals和==的区别
- 巨头入局,华为云将给音视频行业带来什么?
- 游戏 新手引导 设计_我认为每个新手设计师都应该知道什么
- php的常量和变量的区别,php中常量与变量的区别是什么?
- 维护UI状态的最懒惰方法
- JS事件流(事件冒泡 事件委托)
- 1007. 素数对猜想 (20)
- docker-compose nginx + ssl配置
- 【饭谈】职业生涯的关键:不破不立
- dbv数据库乱码_使用DBV进行数据库版本控制
- 文笔很差系列4 - Kris Kremo
- 【翻译】Unity2017.3 版本发布说明
- 关于latex简历几个非常有用的命令
- Python数据分析:ADF平稳性假设检验
热门文章
- java final被覆盖_java中的final的使用
- wordpressQQ登陆php代码,仅在登录时使用wordpress PHP代码
- 转码java,java转码
- linux如何运行qt源码,Linux/Ubuntu下编译Qt4.8.2源码
- 计算机产品创新设计实践,基于TRIZ的计算机辅助机械产品创新设计研究
- python argvparser_Python ArgumentParse的subparser用法说明
- java lambda 排序_Java8特性:Lambda表达式之概念篇
- 用计算机弹正义之道,正义之道
- java接口方法实现_Java接口的简单定义与实现方法示例
- python列表转换成数字_Python中列表元素转为数字的方法分析