自定义工具提示名称饼图

我正在使用Highcharts饼图,并且想为每个点添加自定义后缀。例如,现在我在工具提示格式化程序中具有此功能:

tooltip : { formatter : function() { return 'Daily KB: <b>'+ this.point.y +'</b>'; } },

弹出窗口的显示方式类似于每块馅饼Daily KB: 300我如何修改这个让在一块弹出将会服用点这样Daily KB: 700 remaining,另一个会Daily KB: 300

Highcharts script:
(function($){
    $(this.document).ready(function(){
        //get local time
    Highcharts.setOptions({
            colors: ['#fa604c', '#00CC66']
    });;
        myChart_d = new Highcharts.Chart({

     chart: {
         height:200,
         width:200,
         type: 'pie',
         animation: false,
         renderTo: 'dailychart',
         zoomType: 'x',

           events:  {
            load: function () {
                requestDataLim();

            }
        }

        },
     title: {
        text: 'Daily'
    },
     tooltip : {
                    formatter : function() {
           return 'Daily KB: <b>'+ this.point.y +'</b>';
        }
                },
    //tooltip: {
            //shared:true
        //},
      plotOptions: {
        pie: {
           //   allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: false,

                },
            borderColor: '#A0A0A0',
            innerSize: '40%',

        },
        series:{
           dataLabels: {
               style:{ fontSize: '14px', fontWeight:'bold' },
                enabled: true,
                formatter: function() {
                    return Math.round(this.percentage) + ' %';
                },
                distance: -15,
                color:'black'
            } 
        },
    },
    credits: {
        enabled: false
    },

    series: [{

        name: 'DailyKB',
        data: 
            [<?php echo join(',',$d); 
                  echo ',';
                  echo join (',',$dl);?>]




    }],
exporting: {
buttons: {
    printButton: {
        enabled: false
    },
    exportButton: {
        enabled: false
    }    
}

}

});

我通过ajax和JSON获取数据,目前是这样的 [300, 700]

PawełFus

如何将数据格式更改为对象数组?例如:

 [{y: 300, suffix: ""}, {y: 700, suffix: " remaining" }]

然后在工具提示中添加suffix信息:

return 'Daily KB: <b>'+ this.point.y +'</b>' + this.point.options.suffix;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JavaScript自定义工具提示

来自分类Dev

jqvMap自定义工具提示

来自分类Dev

Google条形图自定义工具提示不起作用

来自分类Dev

莫里斯图。悬停时有自定义工具提示

来自分类Dev

如何使用热图顶点图中的数组值设置自定义工具提示?

来自分类Dev

Asgallant的带有仪表板的Google气泡图的自定义工具提示代码

来自分类Dev

KendoUI堆叠条形图自定义工具提示

来自分类Dev

Java JFreeChart:自定义工具提示屏幕位置

来自分类Dev

rCharts NVD3自定义工具提示

来自分类Dev

Highcharts angular.js自定义工具提示

来自分类Dev

Highcharts多个系列的自定义工具提示

来自分类Dev

在Highcharts.js中自定义工具提示?

来自分类Dev

Syncfusion JS图表自定义工具提示

来自分类Dev

iOS版swiftUI中的自定义工具提示

来自分类Dev

使用Bootstrap 5创建自定义工具提示

来自分类Dev

Java JFreeChart:自定义工具提示屏幕位置

来自分类Dev

rCharts NVD3自定义工具提示

来自分类Dev

Syncfusion JS图表自定义工具提示

来自分类Dev

Flot自定义工具提示插件

来自分类Dev

Highcharts angular.js自定义工具提示

来自分类Dev

在dxChart中自定义工具提示

来自分类Dev

使用多个值自定义工具提示

来自分类Dev

自定义工具提示无法正常工作

来自分类Dev

NOUISLIDER:不改变值的自定义工具提示

来自分类Dev

如何向 JtextField 添加自定义工具提示?

来自分类Dev

在 Ubuntu Mate 20.04 中自定义工具提示

来自分类Dev

如何在堆栈中创建具有不同颜色和自定义工具提示的堆积柱形图?

来自分类Dev

自定义饼图中的工具提示文本

来自分类Dev

将图表工具提示自定义为带有指向饼图段的线的标签

Related 相关文章

热门标签

归档