Comment afficher la valeur au lieu du pourcentage dans un graphique à secteurs en utilisant jQuery Highcharts

Pour un de mes projets im en utilisant un char pie qui a fait avec jQuery Highcharts. ce que j'aime faire est d'afficher la valeur que j'ai insérée au lieu de la filiation. exemple: le graphique montre firefox-43.269...% au lieu de cela, j'aime montrer la valeur Firefox -45 clics. quelqu'un peut-il m'aider avec cela. merci à l'avance.

Code graphique 

<!-- 1. Add these JavaScript inclusions in the head of your page -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="../js/highcharts.js"></script>

    <!-- 1a) Optional: add a theme file -->
    <!--
        <script type="text/javascript" src="../js/themes/gray.js"></script>
    -->

    <!-- 1b) Optional: the exporting module -->
    <script type="text/javascript" src="../js/modules/exporting.js"></script>


    <!-- 2. Add the JavaScript to initialize the chart on document ready -->
    <script type="text/javascript">

        var chart;
        $(document).ready(function() {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'browser_cart',
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false
                },
                title: {
                    text: 'Browser market shares at a specific website, 2010'
                },
                tooltip: {
                    formatter: function() {
                        return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                    }
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            color: '#000000',
                            connectorColor: '#000000',
                            formatter: function() {
                                return '<b>'+ this.point.name +'</b>: '+ this.percentage +' clicks';
                            }
                        }
                    }
                },
                series: [{
                    type: 'pie',
                    name: 'Browser share',
                    data: [
                        ['Firefox',   45],
                        ['IE',       26],
                        ['Chrome',   12], 
                        ['Safari',    8],
                        ['Opera',     6],
                        ['Others',   7]
                    ]
                }]
            });
        });

    </script>

</head>
<body>

    <!-- 3. Add the container -->
    <div id="browser_cart" style="width: 800px; height: 400px; margin: 0 auto"></div>


</body>
35
demandé sur Vladimir Starkov 2011-10-31 14:55:19

5 réponses

Options de L'info-bulle

Exemple:

Source:

12
répondu Ricardo Binns 2015-11-07 15:39:21

Fixe, juste changé en dessous de la ligne 

  format: '<b>{point.name}</b>: {point.percentage:.1f} %',

À

  format: '<b>{point.name}</b>: {point.y:.1f} Rs.',
42
répondu Shaikh Mubeen 2014-05-23 20:09:38 
return '<b>'+ this.point.name +'</b>: '+ this.y +' clicks';
24
répondu sjith 2014-08-11 20:14:27

Dans ce cas, vous pouvez remplacer "ce.pourcentage "à" cela.point.y "

Regardez formateur: (lien supprimé), nouveau lien - https://api.highcharts.com/highcharts/tooltip.formatter

11
répondu tulsluper 2018-07-07 11:04:02

Vous pouvez utiliser le point.y Référence De L'Api Highcharts

1
répondu megz 2015-05-05 10:20:54