<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script src="../js/highcharts/highcharts.js"></script>
<script type="text/javascript">
$(function () {
$('#container').highcharts({
chart: {
type:'line'
},
title: {
text: '湛江对虾价格指数'
},
subtitle: {
text: '去头虾价格指数'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
day: '%y-%m-%d'
}
},
yAxis: {
title: {
text: '指数值'
}
},
tooltip: {
enabled: true,
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+ Highcharts.dateFormat('%Y-%m-%d', this.x) +': '+ this.y +'';
}
},
plotOptions: {
line: {
dataLabels: {
enabled: false
},
enableMouseTracking: true
}
},
series: [{
name: '去头虾价格指数',
data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6,7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9],
pointStart: Date.UTC(2013, 0, 25),
pointInterval: 24 * 3600 * 1000 // one day
}]
});
});
</script>
<style>
<!--
-->
</style>
</head>
<body>
<div id="container" style="width: 1000px; height: 400px; margin: 0 auto"></div>
</body>
</html>
分享到：
相关推荐
Highcharts是一款广泛应用于网页图表开发的JavaScript库，它以其易用性、丰富的图表类型和出色的交互功能而受到开发者们的喜爱。这款库可以帮助开发者快速、高效地在网页上创建出美观且功能强大的数据可视化图表。 ...
HighChart是一个强大的JavaScript库，用于构建高质量的网页图表，其在数据可视化方面表现卓越，尤其适用于网络应用。 首先，我们需要了解MATLAB的Web浏览器功能。MATLAB内置的Web浏览器组件允许开发者在MATLAB环境...
HighChart API 是一款强大的JavaScript图表库，用于在Web页面上创建动态、交互式的图表和图形。这个API提供了丰富的选项和功能，使得开发者可以定制各种类型的图表，如柱状图、折线图、饼图、散点图等。下面将详细...
Highcharts是一款强大的JavaScript图表库，用于在Web页面上创建各种数据可视化效果，如柱状图、折线图、饼图等。它具有丰富的定制选项，能够满足开发者在数据展示方面的各种需求。以下是对Highcharts的一些关键知识...
HighChart是一款强大的JavaScript图表库，用于在Web页面上创建各种互动式图表，包括曲线图。在Web开发中，数据可视化是至关重要的，HighChart凭借其丰富的功能和易用性，深受开发者喜爱。以下是对"HighChart曲线图...
在网页应用中，HighChart能够帮助我们有效地展示复杂的数据，提升用户体验。 HighChart提供了多种图表类型，包括柱状图、折线图、饼图、散点图、面积图、甘特图等，适用于不同场景的数据展示。例如，柱状图适合对比...
在"Highchart Demo"这个实例中，我们将深入探讨如何利用Highcharts来制作各种类型的图表，以及相关的JavaScript配置和数据接收格式。 首先，Highcharts支持多种图表类型，如折线图、柱状图、饼图、散点图、面积图等...
### Highcharts中文帮助文档知识点详解 #### Chart图表区选项 Highcharts是一款强大的JavaScript图表库，其图表区选项允许用户精细调整图表的外观和行为。以下是一些关键的配置项： - **backgroundColor**: 设置...
HighChart是一款广泛应用于Web开发中的数据可视化库，它以其丰富的图表类型、良好的交互性和美观的样式赢得了开发者们的喜爱。在本文中，我们将深入探讨HighChart控件的核心特性、使用方法以及如何结合源码进行定制...
highchart源码
在“web网页图表控件highchart示例”中，我们将深入探讨Highcharts的基本用法、特性以及如何在实际项目中应用。 1. **安装与引入** 在HTML文件中，可以通过CDN链接或本地文件引入Highcharts的JS库。一般来说，引入...
highchart的一个例子
Highcharts是一款功能强大的JavaScript图表库，它用于在Web页面上创建高质量、交互式的图表。这款开源工具使用SVG（Scalable Vector Graphics）技术，同时也支持IE8及以下版本的VML渲染，确保在各种浏览器上都能良好...
Highcharts是一款强大的JavaScript图表库，它能够帮助开发者轻松地在网页上创建各种动态、交互式的图表。这个压缩包文件的标题“highchart(api)”显然与Highcharts的API使用有关，可能包含了一些关于如何利用...
bootstrap+EasyUI+highchart中文参考手册，本人是后端开发，对前端不是很熟悉，所以在做项目的时候采用了这三个技术，因为是框架所以用起来开发前端很方便，果断选择，后端程序员也能开发出漂亮的前端页面了
在这个名为"highchart.rar"的压缩包中，我们很显然会找到与Highcharts相关的代码示例，尤其是关于如何实现Y轴双数据的设置。 在Web开发中，数据可视化是一个至关重要的环节，它能够帮助用户更好地理解复杂的数据...
这个"highchart c# demo"示例将指导我们如何在C#后端生成数据，并通过JavaScript在前端展示。 首先，我们需要理解Highcharts的基本结构。Highcharts的核心是HTML5 `<div>`标签，我们在这个标签内插入JavaScript代码...
HighChart是一款基于JavaScript的开源图表库，用于在Web应用程序中创建高质量、互动式的图表。它在数据可视化领域具有广泛的应用，尤其在Web开发中深受喜爱。3.0.2是HighChart的一个版本，该版本提供了丰富的图表...