首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Highcharts在X轴上显示月份的日期(来自JSON文件)。tickInterval:不工作?

Highcharts在X轴上显示月份的日期(来自JSON文件)。tickInterval:不工作?
EN

Stack Overflow用户
提问于 2014-05-19 22:43:46
回答 1查看 4.5K关注 0票数 1

我对Highcharts有另一个问题。PHP文件返回一个包含多个元素的JSON,这些元素由两个字段(name: date,int:)组成。我需要Highcharts在X轴上绘制这个月的所有日期。JSON链上的元素都是同一个月。我尝试了许多tickInterval的汉化(put 1,或put 24 * 3600 * 1000,...),但不起作用!提前感谢您!

注意:我尝试在jsFiddle中复制代码,但不起作用...也不要使用jsFiddle :( ...对不起!JSFiddle

谢谢你!!JSFiddle

PHP文件返回JSON链:

代码语言:javascript
复制
[{"name":"Sant Iscle 60","data":[[1398902400000,4],[1399939200000,1]]},{"name":"Sant Iscle 62","data":[[1399939200000,2]]},{"name":"Laboratorio Comp.","data":[[1400025600000,2]]}]

Javascript文件:

代码语言:javascript
复制
chart = new Highcharts.Chart({
chart: {
renderTo: 'divStatsGrupo',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'column'
},

title: {
    text: tituloMes
},
    tooltip: {
    formatter: function() {
    return Highcharts.dateFormat('%d/%m/%Y',new Date(this.x)) + '<br/>' +'Alarmas: ' + this.y                       
    }   
    },

xAxis: {
     type: 'datetime',
tickInterval: 1,  //<------NOT WORKING?¿
    labels: {
    style: {
        fontSize: '13px',
        fontFamily: 'Arial,sans-serif'
        }
    },
    dateTimeLabelFormats: { // don't display the dummy year
     day: '%e. %b',
     }
        },
  yAxis: {
    tickInterval: 1,    
    title: {
    text: 'Total alarmas'
    },
    allowDecimals: false,
    min: 0
    },
series : data,                      
});
});

Image explicative:

非常感谢您提前!

编辑并解决!...Thanks Jerko再次!...see下面是解决方案的答案!

EN

回答 1

Stack Overflow用户

发布于 2014-05-20 18:57:22

这是Highcharts中柱状图和条形图的常见问题。您需要在plotOptions下添加pointRange

另外,一天的tickInterval是24*3600*1000,而不是1(x轴以微秒为单位)

下面是working fiddle http://jsfiddle.net/nah67/3/

代码语言:javascript
复制
plotOptions: {
    series: {
        pointRange: 24 * 3600 * 1000 // one day
    }
}

另外,我从你的代码中删除了一些注释,因为它们分散了我的注意力:)

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23740679

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档