最近我在Highcharts柱形图上发布了一个问题 . 我发现在点对象的点击事件中,您可以找到单击的列 . 我在我的代码中实现了相同的功能,但我的代码中没有得到警告 . 请在下面找到我的代码 . 首先是我的图表选项变量 -
var columnoptions = {
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Column Chart'
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'Exposure'
}
},
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
alert ('here');
}
}
}
}
},
series: []
};
我在循环中使用以下语句动态填充系列 -
columnoptions.xAxis.categories.push(categoryArray[index]);
seriesOptions.data.push(valueArray[index]);
最后我像这样显示我的图表 -
chart = new Highcharts.Chart(columnoptions);
但我没有收到任何关于列点击的警报 . 我在IE中收到错误的javascript错误消息 . 我正在使用IE8 . 请帮助我 . 具有静态数据的Highcharts官方示例工作正常,我已经看到了 . 我的图表显示正确,没有任何问题 . 但我需要知道点击哪个列来实现向下钻取功能 . 请帮忙 .
---编辑这是我用来绘制图表的全部功能 -
function displayColumnChart(){
columnoptions.series = [];
columnoptions.xAxis.categories = [];
var seriesOptions = {
name: 'Column Chart',
data: [],
};
/* category array contains x axis category values
value array contains y axis numeric values */
for(index = 0; index < categoryArray.length; index++){
columnoptions.xAxis.categories.push(categoryArray[index]);
seriesOptions.data.push(valueArray[index]);
}
columnoptions.series.push(seriesOptions);
chart = new Highcharts.Chart(columnoptions);
}
我正在从XML文档中读取数据,然后创建值和类别数组 . 图表很好但没有点击点击警报 . 请帮忙 . 谢谢 . :)很抱歉发布代码的延迟 .
1 回答
我只添加了最新版本的highcharts,点击对我有用 . 谢谢 .