创建动态图形
创建动态图形
提问于 2013-05-07 14:29:49
我的目标是使用API创建动态图形：http://api.highcharts.com/highcharts#Series
方法：setData (Array<Mixed> data, [Boolean redraw])
但是，我在更新图表时遇到了一些问题：
series: [{
name: 'Lunch',
data: [49.9, 71.5, 106.4, 129.2, 144.0,
176.0, 135.6]
}, {
name: 'Dinner',
data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5,
105.0]
}]
});
});
// the button action
$('#button').click(function() {
var chart = $('#container').highcharts();
chart.series[0].setData([129.2, 144.0, 176.0,
135.6, 148.5, 216.4, 194.1] );
});
</script>
</head>
<body>
<script src="js/highcharts.js"></script>
<script src="js/modules/exporting.js"></script>
<div id="container"
style="min-width: 400px; height: 400px;
margin: 0 auto"></div>
<button id="button">Update the data</button>
</body>
</html>请告诉我使用setData (Array<Mixed> data, [Boolean redraw])方法的正确方法是什么？
回答 1
Stack Overflow用户
发布于 2013-05-07 14:38:44
查看此jsFiddle 以了解如何实现动态highcharts。您应该使用load函数来动态加载数据。示例：
events: {
load: function() {
// set up the updating of the chart each second
var series = this.series[0];
setInterval(function() {
var x = (new Date()).getTime(), // current time
y = Math.random();
series.addPoint([x, y], true, true);
}, 1000);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16412580
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号