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()。根据其值,更改数据标签的格式。非常感谢,它对我有用。