目前我们正在从 Highcharts 切换到 Google Charts。 使用 Highcharts 我们有一个类似
的图表根据实际值和平均值之间的差异，我们有箭头图像（当前图像中向下的红色）。我试图使用谷歌图表来实现这一点，但没有得到任何地方。到目前为止，我只能使用 annotationText 属性显示 HTML。 使用谷歌图表可以完成这项任务吗？有什么解决办法吗？
【问题讨论】：
标签： charts google-visualization
在这里，我只提供了一个关于如何将某些内容附加到列的建议，您可以应用此建议将箭头附加到条形。
您可以对条形使用注释。下面的例子展示了你可以在条上注释一个简单的文本。
在这个数据表中，我们用 {role: 'annotation' } 定义了一个新列来保存条形标签：
var data = google.visualization.arrayToDataTable([
['Element', 'Density', { role: 'style' }, { role: 'annotation' } ],
['Copper', 8.94, '#b87333', 'Cu' ],
['Silver', 10.49, 'silver', 'Ag' ],
['Gold', 19.30, 'gold', 'Au' ],
['Platinum', 21.45, 'color: #e5e4e2', 'Pt' ]
]);
同样，您可以通过定义格式化程序并将其包装在如下函数中，将注释格式化为您希望附加的红色向下箭头：
function getValueAt(column, dataTable, row)
{
return dataTable.getFormattedValue(row, column);
}
有关这方面的更多信息，您可以参考this。
【讨论】：