此页面由 Cloud Translation API 翻译。

可视化图表：火花谱线图（图片）

重要提示：Google 图表工具的“图片图表”部分自 2012 年 4 月 20 日起已正式弃用。根据我们的弃用政策，该政策将继续有效。

概览
示例
正在加载
数据格式
配置选项
方法
活动
数据政策

概览

使用 Google Charts API 以图片呈现的一个或多个火花谱线图。这些图片包含在 HTML 表格中。

示例

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["imagesparkline"]});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {

        var data = google.visualization.arrayToDataTable([
         ['Revenue', 'Licenses'],
         [435, 132],
         [438, 131],
         [512, 137],
         [460, 142],
         [491, 140],
         [487, 139],
         [552, 147],
         [511, 146],
         [505, 151],
         [509, 149]
        ]);

        var chart = new google.visualization.ImageSparkLine(document.getElementById('chart_div'));

        chart.draw(data, {width: 120, height: 40, showAxisLines: false,  showValueLabels: false, labelPosition: 'left'});
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 120px; height: 40px;"></div>
  </body>
</html>

正在加载

google.charts.load 软件包名称为 "imagesparkline"。

  google.charts.load("current", {packages: ["imagesparkline"]});

可视化图表的类名称为 google.visualization.ImageSparkLine。

  var visualization = new google.visualization.ImageSparkLine(container);

数据格式

列数不限。所有列都应为数字。每列显示为一个火花谱线图。

配置选项

名称	类型	默认	说明
颜色	字符串		指定用于所有图表的颜色。格式为 #rrggbb 的字符串。例如：“#00cc00”。仅在未指定 `colors` 选项时使用。
颜色	字符串数组	默认颜色	用于数据列的颜色。一个字符串数组，其中每个元素都是一个格式为 #rrggbb 的字符串。例如：“#00cc00”。颜色 i 用于数据列 i。如果颜色数量小于列数，则颜色选择将受到限制。
fill	布尔值	false	如果为 true，则将填充颜色下方的线条区域。
高度	number	容器的高度	图片的高度，以像素为单位。
labelPosition	字符串	无	标签的位置。支持的值为“none”、“left”、“right”。
最大值	数字数组	每个火花谱线的最大数据值	每个火花谱线的数据值范围的最高值。数组中的索引必须与 DataTable 中的列索引匹配。如果所有值都为 null，这将是系列中的最大值。
分钟	数字数组	每个火花谱线的最小数据值	每个火花谱线的数据值范围的最小值。数组中的索引必须与 DataTable 中的列索引匹配。如果所有值都为 null，这将是系列中的最小值。
showAxisLines	布尔值	true	如果为 true，则显示轴线。如果为 false，则不是，并且 showValueLabels 的默认值为 false。
showValueLabels	布尔值	true，除非 showAxisLines 为 false。	如果为 true，则显示值轴标签。
标题	字符串数组	未显示任何标题	每个火花谱线图使用的标题。
width	number	容器的宽度	图表的宽度（以像素为单位）。
layout	字符串	“v”	垂直或水平布局：“v”表示垂直，“h”表示水平。

方法

方法	返回值类型	说明
`draw(data, options)`	无	绘制图表。
`getSelection()`	选择元素数组	以对象数组形式返回所选图表的索引。每个对象都有一个列属性，其中包含所选火花谱线图的列号。可以返回多个所选列。
`setSelection(selection)`	无	选择指定的火花谱线图，并取消选择任何未指定的火花谱线图。选择范围是一个对象数组，每个对象都有一个数字 `column` 属性，该属性是所选火花谱线图的索引。如需了解详情，请参阅 `setSelection()`。

事件

名称	说明	属性
select	标准选择事件。	无

数据政策

请参阅 Chart API 日志记录政策。