echarts 柱状图成交金额数字格式化

浪淘沙1年前前端659
<div id="main"></div>    
<script type="text/javascript">    
var myChart = echarts.init(document.getElementById('main'));    
var option = {    
grid: {    
x: 80,    
x2: 10,    
y2: 100,    
borderWidth: 1    
},    
title: {    
text: '最近30天每日成交金额',    
left: 'center'    
},    
tooltip: {    
trigger: 'axis',    
formatter: function (params) {    
return params[0].seriesName + '<br/>' +    
params[0].name + ': ' + params[0].value.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,') + ' 元';    
}    
},    
xAxis: {    
type: 'category',    
axisLabel: { alignWithLabel: true, rotate: -90 },    
axisPointer: {    
type: 'shadow'    
},    
data: ['2024/8/22 ','2024/8/21 ','2024/8/20 ','2024/8/19 ','2024/8/18 ','2024/8/17 ','2024/8/16 ','2024/8/15 ','2024/8/14 ','2024/8/13 ','2024/8/12 ',]    
},    
yAxis: {    
type: 'value'    
},    
series: [{    
name: '金额',    
type: 'bar',    
label: {    
normal: {    
show: true,    
position: 'top',    
formatter: function (params) {    
// 格式化金额,保留两位小数,并添加千分位分隔符    
return params.value.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');    
}    
}    
},    
data: [156000.01,67960,280,13680,14240,16110,26520,80320,23920,59800,760,]    
}]    
};    
myChart.setOption(option);    
</script>


相关文章

js 转换返回数据为json

JSON.parse(response.data);返回内容{   "statusCode": 200,   "da...

vxe-table 改变每一列颜色值

<div id="app">     <div class="table-responsi...

layui 为CKEditor 4 赋值 经常不显示

 // 在编辑器初始化后赋值  setTimeout(function() {   CKEDITOR.instances[...

layui checkbox选中事件

 <input type="checkbox" name="danye" id="danye"...

Layui卡片式 新完整页面

<div class="layui-fluid">     <blockquote class=&q...

layui select 下拉被裁切 滚动显示不全的bug修复方案

<style>     .layui-form-select {      &nbs...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。