echarts
HUSKle
这个作者很懒,什么都没留下…
展开
-
echarts在tab切换后宽度自适应
var myCharts1 = echarts.init(document.getElementById('ibrufk'))window.addEventListener('click', function() { //自适应屏幕大小 myCharts1.resize()})window.addEventListener('resize', function() { //自适应屏幕大小 myCharts1.resize()})...原创 2021-08-14 20:59:04 · 338 阅读 · 0 评论 -
echarts 饼图 让文字颜色与色块保持一致时,显示百分比
在自定义的方法中定义一个sum,通过reduce,求value值的和。在formatter中引用sum,求出百分比,我这边是保留了两位小数。下面附上具体代码 var opt = profit.series[0]; var sum = 0; lineHide(opt); function lineHide(opt) { let dataValue = opt.data.map((item, index) =原创 2021-02-24 10:29:48 · 1885 阅读 · 0 评论 -
echarts 饼图 让中间文字与饼图对应的色块保持一致
图一:先获取到data值,将name和value的字体颜色设置为你的背景色,数据存在也显示只是因为颜色所以看不见。图二:鼠标移动事件,鼠标移动后获取到里面的color值,建议先打印params,以便确定具体的路径。下面附上具体代码,以供复制://让文字显示在中间并设置基本样式 emphasis: { label: { fontSize: '20', pos原创 2021-01-20 10:19:37 · 4187 阅读 · 0 评论 -
echarts 饼图 将数据显示在图例的旁边
写之前注意一下this的指向我是在定义echarts之前定义let _that = this在legend中进行formatterformatter:function(name){ var index = 0 var data = ['贷款','存款'] var datas = data var piedata = [_that.profitPIEdata.LXD_LX,_tha原创 2020-12-30 14:24:52 · 3312 阅读 · 0 评论 -
vue echarts饼图数据为0时,legend中data里就不显示
var opt = pieData.series[0]; lineHide(opt); function lineHide(opt) { console.log(opt.data) opt.data.forEach(item=>{ if(item.value == 0){ item.name = '' } }) }将代码写在setOption上面,在自己定义的option之外...原创 2020-12-23 16:51:57 · 1532 阅读 · 0 评论