如何在谷歌图表的条形图上显示图像？

Question

目前我们正在从Highcharts转换到Google Charts。 使用Highcharts我们有像基于之间的实际和平均值差

在那里我们有箭头图像（红色向下在当前图像）的图。我试图用谷歌图表实现这一目标，但没有获得任何地方。直到现在，我只能使用annotationText属性显示HTML。 这个任务可能使用谷歌图表吗？有什么解决办法吗？

Answer 1

在这里，我只提供了一个关于如何将某些东西附加到列上的建议，并且您可以将其应用于将箭头附加到条上。

您可以使用一个注释到栏中。以下示例显示了您可以将简单文本注释到栏中。

此数据表中，我们定义{角色：“注释”}新列来保存吧标签：

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。