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}%")