
data: [70, 69, 95, 145, 182, 215, 252, {
y: 265,
marker: {
symbol: 'url(/demo/img/sunpng)'
}
}, 233, 183, 139, 96]
这样不就行了
<script type="text/javascript">
$(function () {
$(document)ready(function() {
HighchartssetOptions({
global: {
useUTC: false
}
});
var chart;
var url = "<%=root%>/virtual-machine!getCpuLoadsactionip=${ipAddress}";
//+$('#hide')val();
$('#container')highcharts({
chart: {
type: 'spline',
animation: Highchartssvg, // don't animate in old IE
marginRight: 10,
events: {
load: function() {
// set up the updating of the chart each second
var series = thisseries[0];
setInterval(function() {
var x = (new Date())getTime(); // current time
var y;
$get(url, function(result){
if(!result)return;
y = parseFloat(result);
seriesaddPoint([x, y], true, true);// 为坐标赋值
});
}, 1000);
}
}
},
title: {
text: 'CPU使用记录'
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150
},
yAxis: {
tickInterval: 20, //自定义刻度
max:100,//纵轴的最大值
min: 0,//纵轴的最小值
title: {
text: 'Value'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ thisseriesname +'</b><br/>'+
HighchartsdateFormat('%Y-%m-%d %H:%M:%S', thisx) +'<br/>'+
HighchartsnumberFormat(thisy, 2);
}
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: 'CPU使用率',
data: (function() {
// generate an array of random data
var data = [],
time = (new Date())getTime(),
i;
for (i = -19; i <= 0; i++) {
datapush({
x: time + i 1000,
y: 0
});
}
return data;
})()
}]
});
});
});
</script>
tooltip: {
useHTML: true,
formatter: function() {
return '<div>' + thispointdate
+ '<br\><span>$' + thisy
+ '</span><br\><button onclick="testAlert()">test test test</button></div>';
},
},
function testAlert() {
alert('test');
};
mor_ree 6
将工具提示的指针事件属性更改为'auto'。
tooltip: {
// pointFormat: '<div>{pointdate}<br\>{pointair}<br\>${pointy}</div><button>test</button>',
useHTML: true,
formatter: function() {
return '<div>'+thispointdate+'<br\>'+thispointair+'<br\><span>$'+thisy+'</span><br\><a href=">
1、数据来源
Highcharts 是基于 JavaScript 编写的图表库,自身是没有直接获取服务器(数据库)数据的能力,除了内置的数据功能模块支持直接读取 CVS、HTML 表格、Google SpreadSheets(Google 提供的一种在线表格服务)等数据外,数据来源还需要后端服务支持(动态渲染或提供接口等),另外 JS 还可以直接读取纯文本数据文件。
总的来说,数据来源有以下几种方式:
服务端直接渲染(包括直接渲染 HTML 页面、HTML 表格)
Ajax 请求数据接口(来自服务器数据库的数据或其他数据)
Highcharts 内置的数据功能模块读取 CVS、HTML 表格、Google SpreadSheets 数据
JavaScript 读取纯文本数据文件,例如 XML 文件、JSON 文件、CSV 文件
参考网址:网页链接
我想请问下你是不会java的代码还是不会highcharts的代码哦?highcharts不是提供了很多例子吗?你只需要用java将从数据库查询到的数据转换成json格式传到前台就可以展示效果了啊。
这个要依赖本地的实际环境,谁有那么多时间给你写啊,而且不是一两句代码的事情。你可以自己尝试去写,不会的地方可以问我。
希望可以帮助到你,望采纳,谢谢,有问题可以继续追问我
参照官方文档:>
应用程序错误问题:
木马病毒造成常用病毒捆绑应用程序和系统文件,然后安全杀毒把有木马病毒应用程序和系统文件查杀导致。
2应用程序组件丢失,应用程序完整的运行需要一些系统文件或者某些ll文件支持,如果应用程序组件不完整也会导致的。
3系统文件损坏或丢失,盗版系统或Ghost版本系统,很容易出现该问题。
4 *** 作系统自身的问题, *** 作系统本身也会有bug 。
5硬件问题,例如内存条坏了或者存在质量问题,或者内存条的金手指的灰尘特别多。
应用程序错误解决方法:
检查电脑是否存在病毒,请使用百度卫士进行木马查杀。
2系统文件损坏或丢失,盗版系统或Ghost版本系统,很容易出现该问题。建议:使用完整版或正版系统。
3安装的与系统或其它发生冲突,找到发生冲突的,卸载它。如果更新补丁不是该的错误补丁,也会引起异常,解决办法:卸载该,重新重新安装试试。顺便检查开机启动项,把没必要启动的启动项禁止开机启动。
4如果检查上面的都没问题,可以试试下面的方法。
打开开始菜单→运行→输入cmd→回车,在命令提示符下输入下面命令 for %1 in (%windir%\system32\dll) do regsvr32exe /s %1回车。
完成后,在输入下面
for %i in (%windir%\system32\ocx) do regsvr32exe /s %i 回车。
如果怕输入错误,可以复制这两条指令,然后在命令提示符后击鼠标右键,打“粘贴”,回车,耐心等待,直到屏幕滚动停止为止(重启电脑)。
以上就是关于highcharts画线图问题,日期时间趋势线怎样增加标高点(marker),如有描述不清,请看下图全部的内容,包括:highcharts画线图问题,日期时间趋势线怎样增加标高点(marker),如有描述不清,请看下图、highcharts 怎么获取饼图的具体数据、highchart点击事件没反应等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)