highcharts画线图问题,日期时间趋势线怎样增加标高点(marker),如有描述不清,请看下图

highcharts画线图问题,日期时间趋势线怎样增加标高点(marker),如有描述不清,请看下图,第1张

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点击事件没反应等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9488747.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存