％未顯示在工具提示餅圖highcharts角JS

％符號未在highcharts％未顯示在工具提示餅圖highcharts角JS

ageData = { 
    chartConfig: { 
    options: { 

     chart: { 
     type: 'pie', 
     width: 275, 
     height: 220, 
     marginTop: 70 
     }, 
     plotOptions: { 

     pie: { 
      size: 100, 
      allowPointSelect: true, 
      cursor: 'pointer', 
      dataLabels: { 
      enabled: true, 
      style: { 
       color: '#2A9ACC', 
       fontFamily: 'proximanovalight', 
       textShadow: 0 
      } 
      } 

     } 
     } 
    }, 

    title: { 
     text: 'Age', 
     style: { 
     color: '#2A9ACC', 
     font: '16px proximanovalight' 
     } 
    }, 

    tooltip: { 

     pointFormat: '{series.name}: <b>' + this.point.percentage + ' % </b>' 
    }, 
    series: [{ 
     name: "Age", 
     minPointWidth: 20, 
     showInLegend: false, 
     colorByPoint: true 
     } 

    ], 
    loading: false 
    } 

}

表示我添加工具提示格式化器如在一些鏈接，但沒有運氣指定。我不確定這個問題的原因。如果您需要更多詳細信息，請告訴我。很高興提供。任何幫助將非常感激。在此先感謝

來源

2016-07-12 Sathiya Narayanan

據Highcharts Pie documentation，您需要更改下面一行：

pointFormat: '{series.name}: <b>' + this.point.percentage + ' % </b>'

爲了這樣的事情：

pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'

來源

2016-07-12 17:28:44

嗨瓦爾迪爾。感謝您的及時迴應。我試着像你說的那樣替換它。但沒有運氣:(仍然％沒有顯示出來......請在替換文本後找到我添加的圖像 –

嘗試在'options'部分下添加'tooltip'配置部分。希望它對您有所幫助。 –

您好我找到了這一問題的解決方案。看來我必須指定配置裏的選項部分的工具提示如下：

         chartConfig : { 
                    options : { 

                     chart : { 
                      type : 'pie', 
                      width : 275, 
                      height : 220, 
                      marginTop : 70 
                     }, 

                     tooltip : { 
                      pointFormat : '{series.name}: {point.percentage:.1f}%', 
                     }, 
                     plotOptions : { 

                      pie : { 
                       size : 100, 
                       allowPointSelect : true, 
                       cursor : 'pointer', 
                       dataLabels : { 
                        enabled : true, 
                        style : { 
                         color : '#2A9ACC', 
                         fontFamily : 'proximanovalight', 
                         textShadow : 0 
                        } 
                       } 

                      } 
                     } 
                    }, 

                    title : { 
                     text : 'Age', 
                     style : { 
                      color : '#2A9ACC', 
                      font : '16px proximanovalight' 
                     } 
                    }, 

                    series : [ { 
                     name : "Age", 
                     minPointWidth : 20, 
                     showInLegend : false, 
                     colorByPoint : true 
                    } 

                    ], 
                    loading : false 
                   }

非常感謝您的回覆。非常感謝

來源

2016-07-13 04:27:02

％未顯示在工具提示餅圖highcharts角JS

回答

相關問題