
Chart
欧米优
白俄罗斯国家技术大学 信息技术软件专业毕业。硕士研究生。请大家多多帮助
展开
-
(二)、HighCharts图表js库结构介绍及下载
HighCharts的版本在不断更新中,这里以HighCharts 2.1.4来介绍,下载地址:http://download.youkuaiyun.com/source/3193817 下载后,解压,找到HighCharts文件夹,目录结构如下: 1、highcharts.js是主要的js文件2、themes是样式文件夹,主要有深蓝、深绿、灰色、网格四种样式风格。3、mod转载 2013-03-12 13:09:52 · 843 阅读 · 0 评论 -
(三)、使用HighCharts创建第一个图表实例
在你的项目中引入上一篇中提到的js文件,项目根目录下新建一个JS文件夹,然后将前面下载的js文件放入该文件夹下,放入后的效果如下: 在前台aspx页面中,引入以上js文件,如下:[c-sharp] view plaincopy"JS/jquery1.5.2.js" mce_src="JS/jquery1.5.2.js" type="text/javas转载 2013-03-12 13:12:25 · 902 阅读 · 0 评论 -
(四)、读取数据库数据并在HighCharts上显示
在上一篇简单的静态例子中,大家应该可以看得出,图表里横纵坐标的数据都是静态的几个数据,因此我们只要从数据库读取出我们想要的横纵坐标值,然后动态赋给Chart就行了。 X轴: xAxis: { categories: ['周一', '周二', '周三', '周四', '周五', '周六', '周日' ], //X轴的坐标值转载 2013-03-12 13:15:33 · 1193 阅读 · 0 评论 -
(五)、利用HighCharts 显示饼图
利用HightCharts显示饼图,主要有以下几个主要注意点:1、百分比格式,精确到小数点几位:Highcharts.numberFormat(this.percentage, 2) //2表示精确到小数点后2位2、series的data格式 [名称,值]的JSON格式序列[ [IE浏览器,200], [Firefox浏览器,300], [傲游,4转载 2013-03-12 13:18:03 · 1339 阅读 · 0 评论 -
一些常用的甘特图示例地址
1、http://www.edogantt.com/project/examples/project.html2、http://www.longboo.com/3、http://www.jsgantt.com/4、http://www.dhtmlx.com/docs/products/dhtmlxGantt/index.shtml?mn转载 2013-03-12 13:21:34 · 1054 阅读 · 0 评论 -
(一)、HighCharts图表组件简单介绍
官方网址:http://www.highcharts.com/1、什么是HighCharts? •Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在您的web网站或是web应用程序添加有交互性的图表。 • 目前HighCharts支持的图表类型有 直线图、曲线图、区域图、区域曲线图、柱状图、饼状图和散状点图。转载 2013-03-12 13:05:56 · 888 阅读 · 0 评论 -
HighCharts图的click事件
[csharp] view plaincopy"http://code.highcharts.com/highcharts.js"> "container" style="height: 400px"> $(function () { var chart = new Highcharts.Chart({ chart: {转载 2013-03-12 13:20:36 · 837 阅读 · 0 评论 -
解决HighCharts饼图中如果所占百分比为0的时候,不显示边线及0%的方法
[csharp] view plaincopyclass="piecleft" id="chart" style="height:350px; width: 350px;"> "text/javascript" charset="utf-8"> var chart; $(document).ready(function() { chart = new Highch转载 2013-03-12 13:19:07 · 2974 阅读 · 0 评论