<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title> test、</title>
<script type="text/javascript" src="highcharts/jquery.min.js"></script>
<script type="text/javascript" src="highcharts/highcharts.js"></script>
<script type="text/javascript" src="highcharts/themes/grid.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'line'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: []
},
yAxis: {
title: {
text: 'Units'
}
},
series: []
};
var meshu = 10;
for(var k=0;k<meshu;k++){
//压入横轴名称
options.xAxis.categories.push("测试"+k);
//压入数据
var series = {
data: []
};
series.name = 'test'+k;
for(var i=0;i<meshu;i++)
series.data.push(parseFloat(Math.random()*10000));
options.series.push(series);
}
// Create the chart
var chart = new Highcharts.Chart(options);
});
</script>
</head>
<body>
<div id="container"style="width: 100%; height: 450px; margin: 0 auto"></div>
</body>
</html>
示例代码
分享到:
相关推荐
jquery highcharts动态加载多条数据表走势图代码 jquery highcharts动态加载多条数据表走势图代码 jquery highcharts动态加载多条数据表走势图代码
jQuery及highcharts做cpu动态走势图,https://blog.csdn.net/qq_40374604/article/details/83578837,有问题请留言
强大的highcharts 内置php+mysql饼状图动态开发实例 及各种曲线 柱状图 饼状图示例!
NULL 博文链接:https://747017186.iteye.com/blog/2196221
java实现的highcharts与ajax结合动态实时获取数据更新图表
动态报表 jquery报表 报表 图形报表,饼状图,柱状图,线形图,综合显示图,动态显示哟!
用highcharts实现从mysql数据库获取数据生成实时折线图。开发平台是用eclipse实现的,是一个项目,用jsp显示从数据库读取的实时折线图。
highcharts 动态生成柱状图,曲线图,仪表盘图,调用totalReport方法,传入要生成图表的类型 和数据参数 标题等 可以自动生成图
Highcharts提供的Geojson世界地图数据集的国家名称中文翻译,Vue使用Highcharts实现世界地图的详细介绍来自我的另一篇文章,可供参考,有问题可随时联系,感谢支持: ...
下面小编就为大家带来一篇动态更新highcharts数据的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
里面附带例子,易懂易学,欢迎下载。互相交流。
报表显示 highcharts 报表显示 highcharts 报表显示 highcharts
jquery Highcharts jquery Highcharts jquery Highcharts
折线、双Y轴、不交叉、highcharts、按照日期分割线 折线、双Y轴、不交叉、highcharts、按照日期分割线
使用highcharts实现饼图和曲线图的展示
使用Highcharts,js控件打印,导出功能,将页面保存在本地指定路径,或者直接输出到页面,程序可直接运行。
Demo完整代码 博文链接:https://gaojianqi6.iteye.com/blog/1521005
jQuery+highcharts各种数据统计图表代码 jQuery+highcharts各种数据统计图表代码 jQuery+highcharts各种数据统计图表代码