highcharts api 中文网 折线图、曲线图、区域图、3D图、柱状图示例以及使用
2015-04-17 17:18
435 查看
highcharts api 中文网
地址:http://www.hcharts.cn/demo/index.php?p=10&theme=skies
代码示例
代码示例
地址:http://www.hcharts.cn/demo/index.php?p=10&theme=skies
代码示例
$(function () { $('#container').highcharts({ title: { text: 'Monthly Average Temperature', x: -20 //center }, subtitle: { text: 'Source: WorldClimate.com', x: -20 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun','Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'Temperature (°C)' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { valueSuffix: '°C' }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }, { name: 'New York', data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] }, { name: 'Berlin', data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] }, { name: 'London', data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] }] }); });
代码示例
$(function () { $('#container').highcharts({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false }, title: { text: 'Browser market shares at a specific website, 2010' }, tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' }, plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: true, color: '#000000', connectorColor: '#000000', format: '<b>{point.name}</b>: {point.percentage:.1f} %' } } }, series: [{ type: 'pie', name: 'Browser share', data: [ ['Firefox', 45.0], ['IE', 26.8], { name: 'Chrome', y: 12.8, sliced: true, selected: true }, ['Safari', 8.5], ['Opera', 6.2], ['Others', 0.7] ] }] }); });
相关文章推荐
- 使用amCharts绘制统计图表(柱状图、折线图、3D图)
- jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
- 使用amCharts工具做报表的小记 flash报表 饼图 柱状图 折线图
- 多线程学习-ListenableFuture使用介绍以及示例
- 演示事件(Event)怎样使用以及怎样为用户控件添加一个事件(示例代码下载)
- dbus-send以及dbus-monitor工具的使用方法示例
- WPF 柱状图报表饼图报表区域折线图报表横向柱状图报表折线图报表
- 2 C#串口或TCP远程采集数据 chart图表使用示例 保存数据到access数据库和每日.txt文件并实时显示各参数曲线
- WPF、Silverlight项目中使用柱状图、饼状图、折线图
- 嵌入式 自旋锁(spinlock)详解以及使用示例
- RabbitMQ使用场景以及代码示例
- cordova热更新插件 的安装与使用 以及代码示例下载(已完结)
- 由一个简单示例 引出java继承中父子类成员变量共享问题 以及super的使用
- 【swing】JLabel详解以及使用示例
- elasticsearch快速入门方法以及使用方法示例
- 使用DevExpress的WebChartControl控件绘制图表(柱状图、折线图、饼图)
- linux定时任务的保存位置以及写法,使用示例
- Android种使用Notification实现通知管理以及自定义通知栏(Notification示例四)
- 使用Highcharts生成折线图与曲线图
- 使用amCharts工具做报表的小记 flash报表 饼图 柱状图 折线图