angularjs angular-google-chart,从饼图的工具提示中删除百分比

时间:2015-04-30 12:02:23

标签: angularjs google-visualization

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

这是plunkr

上的一个有效*示例

enter image description here 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”属性(可以是我计算的百分比)。

使用“工具提示”:{'text':'value'} 和“f”属性会使google-chart.js崩溃。

请问任何建议?

1 个答案:

答案 0 :(得分:0)

问题解决了。 插件也被更新了。

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

它只显示" f"使用选项"工具提示":{' text' :'价值'} 。在行数据中,字段" f"必须是一个正常工作或代码崩溃的字符串。需要2天才能找到它......