highcharter 名义值和百分比值

Question

我用 highcharter 库制作了一个饼图。

library(highcharter)

test_data
  Gender  Freq  colors
1 Female 29813 #ff99cc
2   Male 38474 #2980b9

hchart(test_data, "pie", hcaes(x = Gender, y = Freq, color=colors))

由于地图是交互式的，我希望饼图在同一图上同时显示百分比值和名义值。

任何想法我怎么能做到这一点？

Answer 1

您需要在工具提示选项中使用带有 highcharter 的 JS() 函数的格式化程序。 此外，Highchart 使用this.point.percentage来提供百分比。 确保不要忘记第一行末尾的%>% 。

这应该对你有用：

hchart(test_data, "pie", hcaes(x = Gender, label=Gender,y = Freq, color=colors))%>%

hc_tooltip(formatter = JS("function(){ return '<b>' + this.point.label + ': </b>( Frequency:' +this.y+', Percentage: '+Highcharts.numberFormat(this.percentage)+'%)' }"),useHTML = FALSE)

通过添加行（同样在行之前或之后需要 magrittr '%>%'）： hc_plotOptions(pie =list(dataLabels = list(enabled = TRUE,format="{point.label}:{point.y}")))

您可以在标签上添加值或通过将{point.y}与：

{point.percentage:.2f}% ，您可以将百分比与标签一起添加 (Male,Felame)

Answer 2

hchart(test_data, "pie", hcaes(x = Gender, y = Freq, color=colors)) %>% 
      hc_tooltip(pointFormat = "<b>Value:</b> {point.y} <br>
                 <b>Percentage</b> {point.percentage:,.2f}%")