开发手册 欢迎您！
软件开发者资料库

Google图表 - 组合图表

Google Charts组合图表 - 从基本到高级概念的简单简单步骤学习Google Charts，包括示例概述，环境设置，配置语法，区域图表，条形图，气泡图，日历图表，烛台图表，柱形图，组合图表，直方图，折线图，地图，组织结构图，饼图，Sankey图，散点图，阶梯区域图，表，时间轴，TreeMap，趋势线。

组合图有助于将每个系列渲染为以下列表中的不同标记类型:线条，区域，条形，烛台和阶梯区域.要为系列指定默认标记类型，请使用seriesType属性.系列属性用于单独指定每个系列的属性.我们已经在 Google Charts Configuration Syntax 一章中看到了用于绘制此图表的配置.所以，让我们看一下完整的例子.

配置

我们使用 ComboChart 类来显示基于组合的图表.

//combination chartvar chart = new google.visualization.ComboChart(document.getElementById('container'));

示例

googlecharts_combination_chart.htm

         Google Charts Tutorial                           google.charts.load('current', {packages: ['corechart']});                                
               function drawChart() {            // Define the chart to be drawn.            var data = google.visualization.arrayToDataTable([               ['Fruit', 'Jane', 'John', 'Average'],               ['Apples', 3, 2, 2.5],               ['Oranges', 2, 3, 2.5],               ['Pears', 1, 5, 3],               ['Bananas', 3, 9, 6],               ['Plums', 4, 2, 3]                  ]);                          // Set chart options            var options = {               title : 'Fruits distribution',               vAxis: {title: 'Fruits'},               hAxis: {title: 'Person'},               seriesType: 'bars',               series: {2: {type: 'line'}}            };            // Instantiate and draw the chart.            var chart = new google.visualization.ComboChart(document.getElementById('container'));            chart.draw(data, options);         }         google.charts.setOnLoadCallback(drawChart);         

结果

验证结果.