
echarts
文章平均质量分 51
莫道 开发
思考,总结,成长
展开
-
echart显示自定义图标
可以通过矢量图标实现自定义需求实现方式在阿里图标中找到想要的图标,然后将svg改为矢量图标<svg t="1592984597912" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3428" width="200" height="200"><path d="M512 896C299.936 896 128 724.064 128 512S2.原创 2020-06-24 15:48:16 · 1188 阅读 · 0 评论 -
echarts 两个x轴只显示一个tooltip
先上图两个x轴,且本应有两个tooltip,通过以下修改可以是一个tootip,且修改tooltip样式。问题一:只保留一个tooltiptooltip直接设置是全局模式,有几个x轴显示几个x轴的tooltip,可以通过设置axisPointer进行去除。代码展现: xAxis:[{ },{ //去除第二个x轴的tooltip axisPointer: { ...原创 2019-12-20 16:03:26 · 7801 阅读 · 0 评论 -
echarts 折线图
先上图片自我认为难点1.折线的不同颜色color:["#4ff1ff","#91c720","#fa1e7d","#face1f"], //折线颜色通过将折线图的颜色放到全局引用2.折线变平滑symbol:‘none’, //这句就是去掉点的smooth:true, //这句就是让曲线变平滑的3.轴刻度下移动offset:20,//轴显示值对于轴的距离4.刻度线,网格线,...原创 2019-12-12 15:25:01 · 1687 阅读 · 0 评论 -
echarts 圆图带图片显示
直接先上效果图自我认为的难点分析1. legend的图片显示查找了很多的资料,和官方文档,图片选用本地地址出不来,所以我选择base64格式图片,通过转换png得到,通过 itemWidth修改icon宽 itemHeight修改icon高 ,itemGap:修改两个icon距离。2. legend的echart图上图片显示2.1直接上代码formatter:function(...原创 2019-12-12 15:11:06 · 3346 阅读 · 3 评论 -
echarts 词云
由于echarts2以后的版本中都没有字符云,所以在使用的时候需要先把字符云组件引入首先下载字符云 cnpm install echarts-wordcloud//添加字符云,前提要有echartsimport 'echarts-wordcloud/dist/echarts-wordcloud'import 'echarts-wordcloud/dist/echarts-wordclou...原创 2019-11-20 15:59:59 · 2705 阅读 · 0 评论