立即注册 登录
Highcharts 中文社区 返回首页

rainbow123的个人空间 https://bbs.hcharts.cn/?26436 [收藏] [复制] [分享] [RSS]

日志

动态加载+显示最大值

已有 94 次阅读2018-12-4 15:40

1、引入highstock.js
2、html:<div id="container" style="min-width:400px;height:400px"></div>
3、js:
<script>
Highcharts.setOptions({
global : {
useUTC : false
}
});
// Create the chart
Highcharts.stockChart('container', {
chart : {
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.round(Math.random() * 100);
series.addPoint([x, y], true, true);
if(y == series.dataMax ) {
series.addPoint({
x: x,
y:y,
dataLabels: {
enabled: true,
format: 'Max:{y} ',
verticalAlign: 'top',
y: -35
}
}, true);
}
}, 1000);
}
}
},
rangeSelector: {
buttons: [{
count: 1,
type: 'minute',
text: '1M'
}, {
count: 5,
type: 'minute',
text: '5M'
}, {
type: 'all',
text: 'All'
}],
inputEnabled: false,
selected: 0
},
title : {
text : 'Live random data'
},
tooltip: {
split: false
},
exporting: {
enabled: false
},
plotOptions: {
series: {
dataLabels: {
// padding: 5,
shadow: true,
shape: 'callout',
borderRadius: 5,
borderWidth: 1,
// backgroundColor: 'rgba(0, 0, 0, 0.75)',
backgroundColor: Highcharts.getOptions().colors[1],
style: {
color: '#FFFFFF',
textOutline: 'none',
fontWeight: 'bold'
},
}
}
},
series : [{
name : '随机数据',
data : (function () {
// generate an array of random data
var data = [], time = (new Date()).getTime(), i;
for (i = -999; i <= 0; i += 1) {
data.push([
time + i * 1000,
Math.round(Math.random() * 100)
]);
}
return data;
}())
}]
});

</script>


路过

雷人

握手

鲜花

鸡蛋

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 立即注册

返回顶部