HighCharts:具有向下钻取功能的动态数据
HighCharts : dynamic data with drill down
我需要生成一个具有向下搜索功能的交互式图表。我遇到了HighCharts,它非常好,很酷,但数据似乎是静态的。有没有任何方法可以在HighChart中进行动态数据和向下钻取的动态数据。
data = [{
y: 55.11,
color: colors[0],
drilldown: {
name: null,
categories: null,
data: null,
color: colors[0]
}
}, {
y: 21.63,
color: colors[1],
drilldown: {
name: 'Firefox versions',
categories: ['Firefox 2.0', 'Firefox 3.0', 'Firefox 3.5', 'Firefox 3.6', 'Firefox 4.0'],
data: [0.20, 0.83, 1.58, 13.12, 5.43],
color: colors[1]
}
}];
其中y的值被赋予静态值。我需要它是动态的,并为每个值分配一个向下钻取。它可以在HighCharts中完成吗?或者有其他工具可以使用吗?
这里有一些可以作为起点的东西:
var level = 0;
var refreshChart = function(){
new Highcharts.Chart({
chart: {
renderTo: 'chart'
},
xAxis: {
categories: getXAxisValues()
},
series: [
{
data: getSeries1()
},
{
data: getSeries2()
}
],
plotOptions: {
series: {
point: {
events: {
click: function () {
level = 1;
refreshChart();
}
}
}
}
}
});
};
var getSeries1 = function(){
if(level == 0)
// returns series data as described in highcharts documentation
else
// return some other data
}
// similar to getXAxisValues() if you have it and for getSeries2 if you have another serie
相关文章:
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作
- express js中具有不同功能的动态路由
- 在动态功能中缓存ajax请求
- 具有实体化功能的动态菜单
- 为动态选择框选择更新功能
- 具有动态幻灯片创建功能的JavaScript滑块
- 单击时动态功能调用
- 创建动态数量的点击功能
- 向角度对象添加动态功能
- 是否有类似 .push 的功能可以动态地向对象添加值
- 动态点击,带参数的匿名功能
- 设置超时功能,具有钢琴应用程序的动态持续时间
- 使用带有动态文本框的 Google 地方信息自动完成功能
- 在使用 react 和 material-ui 动态创建菜单项时,为什么 onTouchStart 会自动执行功能
- 使用单选按钮OnClick和JavaScript功能动态填充数字字段
- 如何使滑动功能在表格行上动态工作
- 动态创建画布并添加鼠标按下功能
- 使用jQuery自动完成功能动态添加行
- 如何在Jquery中将字符串转换为可访问的属性以使功能动态
- 通过ajax breaks.on功能动态创建表