echarts
渣渣枫!
路漫漫其修远兮,吾将上下而求索
展开
-
echarts柱状图横向排行榜实战开发
先来一张效果图:<template> <div class="wrapper"> <h1> 市场公益考评综合排名 <span>Physical Yield Analysis</span> </h1> <div class="paihangbang3_box">...原创 2019-06-17 17:29:06 · 10198 阅读 · 5 评论 -
使用echarts多个饼图时,遇到的bug
点击武定后当第二次加载的数据覆盖等量的第一次的数据时,第一次加载多余的数据不会丢失,还会展示在图上。console输出echarts中的option的数据legend和series数据均为正常第二次加载的数据,数据已更新,也触发了echarts的渲染。解决办法:this.charts.setOption(option);应为this.charts.setOption(option,tr...原创 2019-06-24 17:22:35 · 4131 阅读 · 1 评论 -
echarts for weixin (canvas原生组件踩坑之路)
最新在做小程序项目中遇到图表的地方,为了图方便省事,选择了自己比较熟悉的echarts,写好之后页面如下:在微信开发者工具上面测试没有任何bug,本以为大功告成了,却在真机测试的时候遇到了一个致命的bug,安卓上面滑动图表时明显感觉不是很流畅,有延时的效果,在ios上面更夸张,直接不能滑动了,然后上网查了之后有以下几种方案:1.去掉ec-canvas.wxml文件中touchStart、to...原创 2019-08-11 11:09:37 · 4316 阅读 · 0 评论 -
饼图legend显示百分比
有时候我们需要在饼图的legend上显示百分比var option = { title: {}, tooltip: { trigger: "item", formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { o...原创 2019-06-14 14:56:55 · 6278 阅读 · 1 评论 -
ECharts自适应宽度(resize)
mounted() { window.onresize = () => { // 根据窗口大小调整曲线大小 this.myChart1.resize(); this.myChart2.resize(); this.myChart3.resize(); this.myChart4.resize(); }; }...原创 2019-06-13 09:24:23 · 29433 阅读 · 0 评论 -
ECharts柱状图,配置详解
//定义图表option var option = { //标题,每个图表最多仅有一个标题控件,每个标题控件可设主副标题 title: { //主标题文本,'\n'指定换行 text: '2013年广州降水量与蒸...原创 2019-06-12 19:47:10 · 5705 阅读 · 1 评论