Javascript 在highcharts(piecharts)中将百分比更改为整数,反之亦然的事件。

Javascript 在highcharts(piecharts)中将百分比更改为整数,反之亦然的事件。,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,如图中所示,您可以看到收取的费用和应付费用以%为单位。我想让用户选择下拉列表,他们可以选择%或数字。当事件更改时,它将以%和数字显示。我已经对悬停事件进行了更改,我们可以看到。 这是我的密码 var totalAmount = parseFloat(parseData[0][0].total_amount); var paidAmount = parseFloat(parseData[0][0].paid_amount); var dueAmount = totalAmount - paidAm

如图中所示,您可以看到收取的费用和应付费用以%为单位。我想让用户选择下拉列表,他们可以选择%或数字。当事件更改时,它将以%和数字显示。我已经对悬停事件进行了更改,我们可以看到。 这是我的密码

var totalAmount = parseFloat(parseData[0][0].total_amount);
var paidAmount = parseFloat(parseData[0][0].paid_amount);
var dueAmount = totalAmount - paidAmount;

$("#chart-container,#chart-container2").removeClass('hide')
var slicedData = {
    name: 'Fees Collected',
    y: paidAmount,
    sliced: true,
    selected: true
}
var array = [slicedData,['Fees Due',dueAmount]];
drawChart(array);


function drawChart(chartData){
    $('html,body').animate({scrollTop: ($("#chart-container2").offset().top)-250},'slow');
    chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'chart-container',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        title: {
            text: 'Fee Chart'
        },
        tooltip: {
           formatter:function(){
                return '<b>'+ (this.key) +' :  '+ this.y +' </b>';
            }
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function() {
                        return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 2) +' %';
                    }
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Fee Ratio',
            data: chartData
        }]
    });
}
var totalAmount=parseFloat(parseData[0][0]。总金额);
var paidAmount=parseFloat(parseData[0][0]。已付金额);
var DueAmunt=总金额-paidAmount;
$(“#图表容器,#图表容器2”).removeClass('hide'))
变量slicedData={
名称:'收取的费用',
y:paidAmount,
切碎:是的,
所选:真
}
var数组=[slicedData,['Fees Due Due',dueamum]];
绘图(阵列);
功能绘图图(chartData){
$('html,body').animate({scrollTop:($(“#chart-container2”).offset().top)-250},'slow');
图表1=新的高点图表。图表({
图表:{
renderTo:'图表容器',
plotBackgroundColor:null,
plotBorderWidth:null,
plotShadow:false
},
标题:{
文本:“费用表”
},
工具提示:{
格式化程序:函数(){
返回“”+(this.key)+”:“+this.y+”;
}
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
数据标签:{
启用:对,
颜色:'#000000',
连接器颜色:'#000000',
格式化程序:函数(){
返回“+this.point.name+”:“+Highcharts.numberFormat(this.percentage,2)+'%”;
}
}
}
},
系列:[{
键入“pie”,
名称:'费用比率',
数据:图表数据
}]
});
}

在下拉更改事件中使用series.update()。根据其值,更改数据标签的格式。非常感谢,它对我有用。