var chart;
$(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart_combo' //关联页面元素div#id
},
title: { //图表标题
text: '2011年东北三大城市水果消费量统计图'
},
xAxis: { //x轴
categories: ['柑橘', '香蕉','苹果', '梨子'], //X轴类别
labels:{y:} //x轴标签位置:距X轴下方18像素
},
yAxis: { //y轴
title: {text: '消费量(万吨)'}, //y轴标题
lineWidth: //基线宽度
},
tooltip: {
formatter: function() { //格式化鼠标滑向图表数据点时显示的提示框
var s;
if (this.point.name) { // 饼状图
s = '<b>' + this.point.name + '</b>: <br>' + this.y+ '万吨(' +
twoDecimal(this.percentage) + '%)';
} else {
s = '' + this.x + ': ' + this.y + '万吨';
}
return s;
}
},
labels: { //图表标签
items: [{
html: '水果消费总量对比',
style: {
left: '48px',
top: '8px'
}
}]
},
exporting: {
enabled: false //设置导出按钮不可用
},
credits: {
text: 'helloweba.com',
href: 'http://www.helloweba.com'
},
series: [{ //数据列
type: 'column',
name: '长春',
data: [8.4, 9.8, 11.4, 15.6]
},
{
type: 'column',
name: '沈阳',
data: [9.2, 7.8, 10.2, 16.8]
},
{
type: 'column',
name: '哈尔滨',
data: [6.5, 9.4, 13.2, 18.6]
},
{
type: 'spline',
name: '平均值',
data: [8.03, , 11.6, ]
},
{
type: 'pie', //饼状图
name: '水果消费总量',
data: [{
name: '长春',
y: 45.2,
color: '#4572A7'
},
{
name: '沈阳',
y: ,
color: '#AA4643'
},
{
name: '哈尔滨',
y: 47.7,
color: '#89A54E'
}],
center: [, ], //饼状图坐标
size: , //饼状图直径大小
dataLabels: {
enabled: false //不显示饼状图数据标签
}
}]
});
});

最新文章

  1. luogg_java学习_05_面向对象(方法和类)
  2. 工业串口和网络软件通讯平台(SuperIO 2.1)更新发布
  3. iOS运行时 -- Runtime(摘抄自网络)
  4. js 下拉列表 省 市
  5. PAT乙级 1018. 锤子剪刀布 (20)
  6. HDU 4599 概率DP
  7. hadoop2——新MapReduces——yarm详解
  8. 详解Linux配置iSCSI方法
  9. Python之路:Python 基础(二)
  10. cocos2dx进阶学习之屏幕适配
  11. 【OpenMesh】使用迭代器和循环机
  12. windows_keyboard shortcuts快捷键
  13. 【Unity Shaders】Transparency —— 使用渲染队列进行深度排序
  14. Java 子类 instanceof 父类
  15. Jmeter跨线程组传递参数
  16. PCIE training
  17. 编译器处理警告、错误 #pragma GCC diagnostic ignored &quot;-Wunused&quot;
  18. 微信自定义菜单的emoji图标
  19. 基于google Zxing实现二维码、条形码扫描,仿微信二维码扫描效果(转)
  20. VC++中MessageBox的常见用法详解

热门文章

  1. [算法练习]最长公共子串(LCS)
  2. Android中“再按一次返回键退出程序”实现
  3. Stream Collector
  4. asp.net mssqlserver 存储过程
  5. jquery 触发a链接点击事件
  6. DWZ(JUI) 教程 中如何整合第三方jQuery插件
  7. 22----2013.06.29---HTML--html介绍.超链接和图片,表格,表单,表单标签,meta,复习当天内容
  8. shell语法基础
  9. js 平滑定位
  10. 如何防止Android应用代码被窃