jQuery.Highcharts.js绘制柱状图饼状图曲线图
在数据统计和分析业务中，有时会遇到客户需要在一个图表中将柱状图、饼状图、曲线图的都体现出来，即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势，还能从饼状图中看出各部分数据比重。Highcharts可以轻松实现三图合一的效果。
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'area'
},
title: {
text: 'Historic and Estimated Worldwide Population Growth by Region'
},
subtitle: {
text: 'Source: Wikipedia.org'
},
xAxis: {
categories: ['1750', '1800', '1850', '1900', '1950', '1999', '2050'],
tickmarkPlacement: 'on',
title: {
enabled: false
}
},
yAxis: {
title: {
text: 'Billions'
},
labels: {
formatter: function() {
return this.value / 1000;
}
}
},
tooltip: {
formatter: function() {
return ''+
this.x +': '+ Highcharts.numberFormat(this.y, 0, ',') +' millions';
}
},
plotOptions: {
area: {
stacking: 'normal',
lineColor: '#666666',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666'
}
}
},
series: [{
name: 'Asia',
data: [502, 635, 809, 947, 1402, 3634, 5268]
}, {
name: 'Africa',
data: [106, 107, 111, 133, 221, 767, 1766]
}, {
name: 'Europe',
data: [163, 203, 276, 408, 547, 729, 628]
}, {
name: 'America',
data: [18, 31, 54, 156, 339, 818, 1201]
}, {
name: 'Oceania',
data: [2, 2, 2, 6, 13, 30, 46]
}]
});
});
以上就是本文所述的全部内容了，希望对大家使用jQuery绘制柱状图饼状图曲线图能够有所帮助
-
本文向大家介绍C# 绘制统计图大全(柱状图, 折线图, 扇形图)，包括了C# 绘制统计图大全(柱状图, 折线图, 扇形图)的使用技巧和注意事项，需要的朋友参考一下 统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的；这里我们用就C# 制作三款最经典的统计图: 柱
-
本文向大家介绍Python 堆叠柱状图绘制方法，包括了Python 堆叠柱状图绘制方法的使用技巧和注意事项，需要的朋友参考一下 本文介绍了Python 堆叠柱状图绘制方法，分享给大家，具体如下： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍asp.net中生成饼状与柱状图实例，包括了asp.net中生成饼状与柱状图实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了asp.net中生成饼状与柱状图的实现方法。分享给大家供大家参考。具体方法如下： 一、生成图形的公共方法： 二、新建生成饼状柱状图页面BZImage.aspx： 后台： 三、显示饼状柱状图的页面： 前台： 希望本文所述对大家的asp.net程序设计有
-
本文向大家介绍MPAndroidChart开源图表库的使用介绍之饼状图、折线图和柱状图，包括了MPAndroidChart开源图表库的使用介绍之饼状图、折线图和柱状图的使用技巧和注意事项，需要的朋友参考一下 MPAndroidChart开源图表库之饼状图 为大家介绍一款图标开源库MPAndroidChart,它不仅可以在Android设备上绘制各种统计图表，而且可以对图表进行拖动和缩放操作，用
-
本文向大家介绍Python matplotlib绘制饼状图功能示例，包括了Python matplotlib绘制饼状图功能示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Python matplotlib绘制饼状图功能。分享给大家供大家参考，具体如下： 一 代码 二 运行结果 更多关于Python相关内容感兴趣的读者可查看本站专题：《Python数学运算技巧总结》、《Python数据结
-
饼状图用来显示一个数据系列，具体来说，饼状图显示一个数据系列中各项目的占项目总和的百分比。 Matplotlib 提供了一个 pie() 函数，该函数可以生成数组中数据的饼状图。您可使用 x/sum(x) 来计算各个扇形区域占饼图总和的百分比。pie() 函数的参数说明如下： X 数组序列，数组元素对应扇形区域的数量大小。 labels 列表字符串序列，为每个扇形区域备注一个标签名字。 color