Highcharts 关于 new Highcharts.StockChart(...)问题

love哈士奇 2014-06-11 06:32:41

function initSpline(){
Highcharts.setOptions({
global : {
useUTC : false //不使用本初子午线的时间
}
});
chartSpline = new Highcharts.StockChart({
chart: {
type: 'line',
renderTo: 'container1',
animation: Highcharts.svg, // don't animate in old IE
borderWidth:1,
marginRight: 10
},
credits:{
enabled:false
},
legend:{
enabled:true,
magrgin:20

},
scrollbar:{
enabled:false
},
title: {
text: '‘
style:{
fontSize: '20px'
},
margin:30
},
rangeSelector: {
enabled:false
},
navigator:{
enabled:false
},
scrollbar:{
enabled:false
},
exporting: {
enabled: false
},
xAxis: {
type: 'datetime',
tickInterval: 3000
},
yAxis: {
min:0,
title: {
text: '1111',
style:{
fontSize: '14px'
},
min:0,
max:150
},
plotLines: [{
value: 0,
width: 2,
color: '#808080'
}]
},
series: [{
name: '',
data: (function() {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i;

for (i = -10; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: 0
});
}
return data;
})()
},{
name: '2',
data: (function() {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i;

for (i = -10; i <= 0; i++) {
data.push({
x: time + i * 1000,
y: 0
});
}
return data;
})(),
}]
});
}


如果想动态增减,删除 series 应该怎么实现呢。
例如动态的曲线图,默认是三条线,但是页面处理后,数据刷新,需要出现9条或者更多的线 ,应该如何实现,
例如 new Highcharts.Chart()就可以利用 addSeries() 方法实现。new Highcharts.StockChart() 有没有?


...全文
212 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
love哈士奇 2014-06-12
  • 打赏
  • 举报
回复
动态的假series 就是动态加若干条曲线。
zhishiheng 2014-06-12
  • 打赏
  • 举报
回复
动态增加 data?

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧