angularjs angular-google-chart，去掉饼图工具提示中的百分比

Question

我使用 angularjs 和 angular-google-chart 指令制作饼图。

上的工作*示例

A 饼图包含真实数据，但我想呈现类似 B 饼图的内容，因为我有一个元素 ('mnhn')，它拥有 99% 的数据，而其他元素在悬停时几乎无法选择。

这是饼图行数据：

var rows =[
    {"c":[{"v":"mnhn"},{"v":6311883}]},
    {"c":[{"v":"um2"},{"v":36042}]},
    {"c":[{"v":"mhnaix"},{"v":25346}]},
    ...
];

这是B饼行数据

// the only change is that i divided the value for "mnhn" by 15 and add the "f" property
var rows =[
    {"c":[{"v":"mnhn"},{"v":420792.2,"f":6311883}]},
    {"c":[{"v":"um2"},{"v":36042,"f":36042}]},
    {"c":[{"v":"mhnaix"},{"v":25346,"f":25346}]},
    ...
]

现在图表使用 "v" 属性来计算百分比，但它也会在悬停时在工具提示上显示这个（错误的）百分比。我想从工具提示中删除百分比或将其替换为 "f" 属性（可以是我计算的百分比）。

使用 "tooltip": {'text' : 'value' } 与 "f" 属性使 google-chart.js崩溃。

有什么建议吗？

Answer 1

问题已解决。 plunckr 也更新了。

var rows =[
{"c":[{"v":"mnhn"},{"v":420792.2,"f":"6311883"}]},
{"c":[{"v":"um2"},{"v":36042,"f":"36042"}]},
{"c":[{"v":"mhnaix"},{"v":25346,"f":"25346"}]},
...

]

它仅显示带有选项 "tooltip" 的 "f" 值：{'text' : 'value'}。在行数据中，字段 "f" 必须是字符串才能正常工作，否则代码会崩溃。花2天时间找到它...

angularjs angular-google-chart，去掉饼图工具提示中的百分比

angularjs angular-google-chart, remove the percent from the tooltip of piechart

google-visualization

angularjs