【发布时间】:2014-06-06 20:17:28
【问题描述】:
我是使用 highcharts 的新手。
我有 datepicker from 和 to,并从 json 文件中获取数据。
图表每周显示一次。
我的 x 轴是周数,所以我的工具提示显示周数。
我还想在图表的工具提示中显示日期,比如假设,在第一周,日期范围是 31-03-2013 到 06-04-2013,当点在第一周时,我需要显示这个日期在工具提示中而不更改 x 轴。
任何人都可以帮助解决这个问题。
这是我的代码,
$(function () {
$('#container').highcharts({
title: {
text: typeSelected + ' - Graph',
x: -20 //center
},
xAxis: {
allowDecimals : false,
title: {
text: "WEEK"
}
},
tooltip: {
formatter: function() {
var s = '<b> WEEK: '+ this.x +'</b><br/><b> '+ typeSelected +': '+ this.y +'</b>';
return s;
},
shared: true
},
yAxis: {
title: {
text: typeSelected
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: typeSelected,
data: xyAxisArr,
}]
});
});
}
【问题讨论】:
-
typeSelected和xyAxisArr包含什么? -
type selected 是一个下拉列表,如投诉、访问等,其中图表旨在显示 data.xyAxisArr: x 包含周数,y 包含类型选择值。这些与我想要的无关.我只是想显示在图表工具提示中选择的日期。
-
我想在链接 jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/… 中输出类似的内容,因为工具提示显示从星期一开始的一周。 2013 年 1 月 7 日
标签: jquery highcharts