高图表图表不同日期范围的 X 轴标签
Highcharts graph X-axis label for different date ranges
我写了下面的代码,为选定的日期(往返日期)生成面积图。
$(document).ready(function() {
var options = {
"series": [{
"showInLegend": false,
"color": "#D0D0D0",
"name": "Revenue",
"data": [0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]}],
"credits": {
"enabled": false
},
"chart": {
"renderTo": "highchart_id",
"defaultSeriesType": "area",
"shadow": true
},
"title": {
"text": null,
"align": "center",
"x": 0,
"y": 20
},
"xAxis": {
"type": "datetime",
"dateTimeLabelFormats": {
"month": "%e. %b",
"year": "%b"
},
"labels": {
"enabled": "false"
}
},
"legend": {
"enabled": true
},
"yAxis": {
"title": {
"text": ""
},
"labels": {
"enabled": true
}
},
"plotOptions": {
"area": {
"stacking": "normal",
"lineColor": "#3E3E3E",
"lineWidth": 3,
"marker": {
"lineWidth": "1",
"lineColor": "#3E3E3E",
"states": {
"hover": {
"enabled": true,
"radius": 1
}
}
}
},
"series": {
"pointStart": 1335823200000,
"pointInterval": 86400000
}
}
};
var chart = new Highcharts.Chart(options);
});
x 轴上的日期间隔少了一天。 这里的系列值 2 表示 5 月 10 日,而图表中显示的是 5 月 9 日。
我是这个高图表的新手,任何人都可以建议解决方案,如果您需要对问题进行更多澄清,请告诉我。
在声明图表之前尝试添加此代码
Highcharts.setOptions({
time: {
useUTC: false
}
});
默认情况下,高图表使用 UTC 时间。通过添加上面的代码,它将使用浏览器的时区。
相关文章:
- 在<页眉>标签
- 正在全局范围中查找JavaScript函数
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- JQuery:单击范围标签时切换日期选择器
- 如何使多个标签显示在JQuery范围滑块中
- 高图表图表不同日期范围的 X 轴标签
- 使用纯 JavaScript 从输入标签范围修剪小数
- 高图表列范围中的其他 serires 标签
- 如何从标题标签获取 A1 表示法的列范围
- jQueryflot-适合可变范围图表的时间轴刻度标签,没有文本溢出
- 脚本标签文本/babel变量范围
- Highcharts列范围数据标签的高和低不同的颜色
- 范围是怎样的?在HTML文档中使用多个Javascript脚本标签
- 不能移除多个选择标签内的选项范围
- 是否有一种方法可以使用javascript/jquery来搜索一组li标签并缩小搜索范围
- 在angularjs范围内的HTML标签
- 设置一个自定义范围选择器,并在图表和导航器上禁用xAxis标签
- Highcharts列范围数据标签反转
- 向范围类型输入控件的最小值和最大值添加标签
- 美元的范围.$watch不能在标签中工作