Highcharts(一)之第一个Dome
来源:互联网 发布:c语言中=和==的区别 编辑:程序博客网 时间:2024/05/29 16:53
一个简单的实例:
1.在highcharts中属性以逗号隔开
2.一个大的属性中使用{},在{}中填写具体的属性
3.除了数据其他的属性一般使用””包含
首先创建一个html文件在head中包含:
<script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
然后在body中创建一个div给定class名为chart,
然后粘贴下面的script代码
<script> $(function () { $(".chart").highcharts({ //指定在class为chart的地方创建图表 chart:{ type:’column’ //图表的类型,还有column等 }, title:{ text:’Dome01’ //图表的标题 }, xAxis:{ categories:['A','B','C','D’] //x坐标的分组 }, yAxis:{ title:{ text:’some’ //y坐标的标题 } }, series:[{ name:'zhangsan’, //数据的名称 data:[2,3,5,3] //具体的数据 },{ name:'lisi', data:[3,5,1,3] },{ name:'wangwu', data:[1,4,6,2] }] }) ; });</script>
0 0
- Highcharts(一)之第一个Dome
- SSH之hibernate学习笔记-----第一个Dome
- 这是我第一个dome
- Highcharts 的安装和第一例子 (一)
- 使用HighCharts创建第一个图表实例
- ogre研究之第一个程序(一)
- IOS 入门开发之构建第一个应用程序(一)
- SSIS 学习之旅 第一个SSIS 示例(一)
- web前端之html从零开始(一)-----第一个html
- 细谈Highcharts(一)
- highCharts(一)Highcharts 基本组成
- 第一个应用程序(一)
- 第一个项目(一)
- highcharts学习之第一个例子
- (三)、使用HighCharts创建第一个图表实例
- (三)、使用HighCharts创建第一个图表实例
- (三)、使用HighCharts创建第一个图表实例
- Highcharts学习笔记(一)
- Java中IO流操作文件总结
- HDU 2289 Cup
- RDD Transformation——cartesian
- 第一个程序WZTick的设计目标
- 单例模式的误区
- Highcharts(一)之第一个Dome
- TCP UDP及socket编程学习(二)
- LeetCode 299. Bulls and Cows
- javaEE与java的区别
- [转]Java学习路线
- hdu 4528 小明系列故事——捉迷藏【Bfs】
- PID最通俗的理解和参数设置口诀
- 解决Your iOS Development certificate has been revoked.
- 聚类算法的评价指标