app.directive('rentEchart',function($http,apiService){
return{
scope:{
rental:"="
},
replace: true,
link: function($scope) {
$scope.$watch('rental',function(newValue,oldValue){
console.log(newValue);
var option = {
grid: {
left: '5%',
right: '10%',
bottom: '5%',
containLabel: true
},
xAxis: {
type: 'category',
data: [1,2,3,4,5,6,7,8,9,10,11,12],
name:'月',
nameTextStyle:{
fontSize: 12,
fontWeight:400
}
},
yAxis: {
type: 'value',
name : '万元',
nameTextStyle:{
fontSize: 14,
fontWeight:400
},
axisLabel:{
// y轴数据格式化
formatter:function(value) {
// 千分位分隔符
return (Math.round((value || 0)/10000)).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
}
}
},
series: [{
data: newValue,
type: 'line',
color: ['#3398DB'],
label: {
normal: {
show: true,
position: 'top',
color:'black'
}
},
itemStyle: {
normal: {
label: {
formatter: function (params) {
if (params.value) {
// 图表中的数据格式化
return (Math.round((params.value || 0)/10000)).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
} else {
return 0;
}
}
}
}
},
}]
};
var myChart = echarts.init(document.getElementById("rentChart"));
myChart.setOption(option);
});
}
}
});
echarts数据格式化
猜你喜欢
转载自blog.csdn.net/qq_34122822/article/details/83419135
今日推荐
周排行