highchart x轴轴的问题

来源：蜘蛛抓取(WebSpider) 时间：2017-08-06 01:58 标签： highchart x轴刻度
拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(38a172cc344a4364-ua98).
重新安装浏览器，或使用别的浏览器highchart图坐标轴及背景的一些设置
$(function&()&{
&&var&chart&=&new&Highcharts.Chart({
&&chart:&{
&&renderTo:&'container'
&&xAxis:&{
&&categories:&['Jan',&'Feb',&'Mar',&'Apr',&'May',&'Jun',&'Jul',&'Aug',&'Sep',&'Oct',&'Nov',&'Dec'],
&&tickLength&:&20,&//横坐标各个名称间的竖线，例如Jan
和Feb间的竖线
&&lineWidth:&1&//
&&yAxis:&{
&&gridLineWidth:&1&,//图形的背景线设置
&&lineWidth&:&1,&//Y轴的宽度
&minorTickInterval:&'auto',//这个是前提，要使用minorTickLength和minorTickWidth的话
&&minorTickLength:&10,
&&minorTickWidth:&1
&&series:&[{
&&data:&[29.9,&71.5,&106.4,&129.2,&144.0,&176.0,&135.6,&148.5,&216.4,&194.1,&95.6,&54.4]&
});​
效果图如下：
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。Highcharts 时间轴显示问题
最近在做XX-AIR某部门的监控系统，用到highcharts组件进行监控数据展示，其中在曲线图的时间轴遇到了无法正常显示的问题，图上数据点的时间无法与X轴一一对应。经过一番查询和研究发现，在曲线图里，x轴的UNIX时间戳是要乘以1000的（通过在线的UNIX转换，结果与原来没有乘以1000的时间戳相差甚远），不然显示的时间会有很大的误差，真是百思不得其解。
另外，因为时差问题，可以加上Highcharts.setOptions({ global: { useUTC: false } }); 属性解决。
对于右下角的logo，网上给出了如下的解决方法
credits : {
enabled:false
Copyright (C) , All Rights Reserved.
版权所有 闽ICP备号
processed in 0.070 (s). 12 q(s)控制Highcharts中x轴和y轴坐标值的密度 - 学而不思则罔，思而不学则殆 - ITeye博客
博客分类：
绘制小一点的Highcharts图表的时候，因为图表太小了，坐标轴上的刻度值显示不出来怎么办捏，只要把yAxis或者xAxis中的tickPixelInterval设小一点就ok了。这个属性表示区域内坐标刻度之间的间隔距离，单位是像素，y轴默认值72，x轴默认值100。
chart = new Highcharts.Chart({
tickPixelInterval:10
tickPixelInterval:10
另外，如果不想通过像素控制，可以试试tickInterval，这个属性可以控制步长。
浏览 21256
浏览: 343924 次
来自: 北京
http://download.csdn.net/detail ...
厉害！膜拜了~
c3p0 报错APPARENT DEADLOCK!!! 解决方 ...
谢谢，解决了我的问题。
其实highcharts有一个全局的变量highcharts. ...

我要回帖

更多关于 highchart x轴刻度 的文章

 

随机推荐