javascript – 如何在Google表格图表上创建数据标签？

2019年7月27日 241次阅读

在Google工作表中创建嵌入式图表与使用Chart API创建嵌入式图表完全不同.

我通过以下代码创建了一个图表：

function new_chart(range, sheet, title, offset_x, offset_y, type, color) {
   var chartBuilder = sheet.newChart();
   chartBuilder.addRange(range)
       .setChartType(eval('Charts.ChartType.' + type))
       .setOption('title', title)
       .setOption('bar.groupWidth', '80%')
       .setOption('width', WIDTH)
       .setOption('height', HIGHT)
       .setOption('legend.textStyle.fontSize', '10')
       .setPosition(1, 1, offset_x, offset_y);
   if (color < 5) {chartBuilder.setOption('colors', [COLORS[color]]);}
   sheet.insertChart(chartBuilder.build());
 }

大多数情况下,图表的类型是COLUMN,我想为创建的图表添加数据标签,因为可以手动使用“高级编辑…” – >数据标记 – >值,但无法找到方法.最接近的猜测是在选项中使用’annotations’,但在这里
https://developers.google.com/chart/interactive/docs/gallery/columnchart#Configuration_Options没有关于如何制作它们的信息.虽然很多如何设计它们.
请帮我解决一下如何解决这个问题.谢谢！

最佳答案 通过在图表构建器中设置选项时添加此行,可以将数据标签添加到图表的第一个系列中：

.setOption('series',{0: {dataLabel: 'value'}})

如果您需要其他系列,只需将0更改为相关的序列号.没有必要对注释做任何事情.

您也可以在同一个对象中执行多个系列,例如：

.setOption('series',{0: {dataLabel: 'value'}, 1: {dataLabel: 'value'}})

我实际上无法在文档中找到它,但它可以工作.

点赞