如何从高图表动态更新 pointStart 系列属性.js
How can I dynamically update pointStart series attribute from highcharts.js?
我有一个非常简单的Highcharts js图表,它在x轴上有日期,在y轴上有值。它适用于以下代码:
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart_container',
type: 'line',
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%e / %b'
}
},
yAxis: {
title: {
text: null
},
tickInterval: 1,
tickmarkPlacement: 'on',
min: 1,
max: 5
},
series: [{
name: 'serie_1',
pointInterval: 24 * 3600 * 1000, // one day
pointStart: Date.UTC(2011, 11, 22),
data: [
2, 3, 5, 4, null, 4, 4, 4, 4, 3, 2, 2, 1, 2, 2, null
]
}]
});
我还有一个事件,当触发某些操作时会更改图表的数据:
function reloadChart(){
$.get('/my/ajax/link/', { ajax_param: 10 },
function(data){
// HOW TO GET THIS TO WORKS??? series.pointStart is readonly
chart.series[0].pointStart = data.newPointStart;
chart.series[0].setData(data.data, true);
}
);
}
我的问题是:如何在图表初始化后更新我的系列[0].point开始?
我会重新考虑这一点。 从 y 值序列创建 x,y 点比使用 pointStart
和 pointInterval
选项更容易。
startDate = Date.UTC(2010, 0, 1);
createData = function(beginDate){
someData = [];
for (var i = 0; i < 11; i++){
someData.push([beginDate + (3600 * 1000 * 24 * i), Math.random() * 100]);
}
return someData;
}
....
series: [{
data: createData(startDate)
}]
然后在您的函数中:
nextDay = function(){
startDate += 3600 * 1000 * 24;
chart.series[0].setData(createData(startDate), true);
}
在这里工作小提琴。
我认为这就是你要找的
chart.xAxis[0].setCategories();
另请参阅工作 JSFiddle
相关文章:
- 动态更改高图中的系列颜色
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用
- chart.series[id].remove()无法刷新高位图表/高位股票中其他系列的图例属性
- async.js和系列问题
- 谷歌图表堆叠柱状图.如何设置每个单独堆叠项目(数据系列)的样式
- 在Ionic'中显示JSON结果;s系列重复
- 如何在tinymce编辑器中启用字体系列和颜色选项
- 如何在系列数据中包含字符串以提取工具提示点格式
- 访问Highcharts系列的最小/最大值:afterSetExtremes不会激发
- Teechart HTML5/Javascript价值股票代码将保留在Tee.Line系列上
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- Highcharts系列.数据数据类型限制
- 图表:个人系列转换
- 谷歌图表-需要x和y值and系列
- Highcharts显示系列名称,但缺少json源中的数据点
- X轴范围根据隐藏的系列进行更改
- D3在转换时退出多个系列折线图标签
- 有问题的突出显示(悬停)一个系列,突出显示图表
- 无法在系列中为 Highstock API 设置单个点颜色,它适用于 Highchart API
- 如何从高图表动态更新 pointStart 系列属性.js