在高图表中设置年份格式
Formatting the year in highcharts
我正在为我的Highcharts系列从django模板中提取数据。我将年份作为 X 轴,将评级作为 Y 轴,但它将年份显示为小数,例如年份"1998"显示为"1,998"。我希望年份在没有逗号的情况下正常显示。
这是我的轴和系列代码:
xAxis: {
title: {
type: 'datetime',
text: 'Year',
}
},
yAxis: {
title: {
text: 'Rating'
}
},
series: [{
data: [
{% for item in graph_data %}
{
name: '{{item}}',
x: {{item.year}},
y: {{item.rating}}
},
{% endfor %}
]
}]
如果对
序列中的数据点使用了日期时间 x 和 y 数组,则需要先使用 Date.UTC() 将时间转换为通用时间。并且type
属性不在title
属性内。
所以试试这个
xAxis: {
title: {
text: 'Year',
}
type: 'datetime'
},
yAxis: {
title: {
text: 'Rating'
}
},
series: [{
data: [
{% for item in graph_data %}
{
name: '{{item}}',
x: Date.UTC({{item.year}}, month, date),
y: {{item.rating}}
},
{% endfor %}
]
}]
小提琴:http://jsfiddle.net/6abdq/1/
您可以使用标签格式化程序和返回值,包括 dateFormat
相关文章:
- 使用正则表达式将输入格式设置为单字符逗号、单字符逗号等
- Mustache.js lambdas和数字格式设置为Fixed
- Google Apps 脚本,用于根据一个单元格的值对另一个单元格进行条件颜色格式设置
- 将GeoJson字符串格式设置为虚线
- 如何在页面加载时将当前时间和日期的格式设置为默认格式
- 用JavaScript将日期格式设置为MM/dd/yyyy
- 我如何在胡子中将十进制格式设置为货币格式
- 将输入格式设置为从年月日到年月日
- 使用javascript将日期格式设置为文本框
- 如何将 jQuery 日期选择器格式设置为 dd-mm-year
- 谷歌图表格式设置
- 以角度格式设置日期格式
- 将字符串数字的格式设置为货币
- 在 Google 图表 y 轴上将时间格式设置为小时:分钟
- Dijit DateTextBox - 以 ISO/数字格式设置日期
- 要在 D3 中使用的 JSON 文件中的格式设置.js
- 将日期选取器日期格式添加到动态生成的文本框,其中日期格式设置为属性
- 以angularjs格式设置日期
- 在asp.net文本框中键入时自动添加一个点(.)(将文本框格式设置为小数点后两位)
- 将JavaScript日期格式设置为小时:分钟:秒