【发布时间】:2013-06-06 14:59:49
【问题描述】:
我做了很多研究,但我不确定我错过了什么。我有一个从 mysql 数据库构建的图表,并且我有一个日期被拉入以显示在 x 轴上。但是,我不仅希望日期的格式不同,而且我希望它在图表宽度发生类似变化时自动缩放......
当您缩小屏幕时,图表会分别自动缩小 x 轴(即仅显示 2 天的刻度间隔而不是 1),日期也显示为 1.Jan 2.Jan 3.Jan。
在我的图表中,日期是按月-日-年自动格式化的,这绝对令人困惑。它还显示每天的每个刻度,这使 x 轴变得混乱。
这是我所拥有的,但它似乎不起作用....
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'line',
},
title: {
text: 'Instance Types per Customer'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%m-%d'
},
tickInterval: 24 * 3600 * 1000
},
yAxis: {
title: {
text: 'Cost ($)'
},
},
series: [{
}]
}
我设法让它工作而不是 dateTimeLabelFormats
labels: {
formatter: function() {
var displayDate = Highcharts.dateFormat('%m/%d', this.value);
return displayDate;
}
}
我的第一个问题是日期没有以毫秒为单位格式化,在 data.php 中转换为毫秒后,我设法让工具提示识别它是日期格式,但是我无法获得内置dateTimeLabelFormats 函数来自 highcharts,因此如果有人对如何使其工作有任何建议,将不胜感激。显示设置为上个月的天数。
我会尝试在小提琴中重建,但从未使用过该工具。对highcharts非常陌生。
【问题讨论】:
-
抱歉,您想达到什么目的?您链接的小提琴似乎非常合适,我看不到任何 x 轴杂乱无章...请突出问题。
-
我是说工作正常,我的不行....我的 x 轴被所有拉入的日期阻塞。我希望它在图表缩小了。
-
那么也许用你的实际数据创建一个小提琴会更相关:)
-
我刚刚尝试创建我的第一个小提琴来向您展示我想要做什么,所有结果都是“ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”我已经从我能看到的正确方式加载了所有内容。我会坚持下去的。
-
jsfiddle.net/danlawless/q2gw4/15 not working 不确定是什么问题,我想它与外部 json 数据源有关,但我上传了。
标签: php mysql highcharts