随笔分类

随笔档案

阅读排行榜

评论排行榜

随笔分类 - EChart

Echart遇到的问题：tooltip提示框大小异常

摘要：将Echart图表放到项目中，发现当鼠标放到柱状图上时，提示框显示大小超出了div的大小。官方的文档对于tooltip的说明也没有指出：如何修改大小。那么tooltip是什么呢？ fn+f12打开控制台发现： tooltip并非是canvas绘制，而是一个div。到这，想到既然是一个div，单阅读全文

posted @ 2019-04-26 11:00 wyhluckydog 阅读(1985) 评论(2) 推荐(1) 编辑

Echart实现多个y轴，坐标轴的个数及名称由后台传过来的json数据决定。

摘要：这里可以获取后台中的json数据，根据后台封装的y轴的个数来确定图表中到底使用几个坐标轴进行显示。 series中的数据也是根据后台传过来的json数据进行填充的，在series中使用yAxisIndex: i来确定每一条曲线使用哪个坐标轴。其中yAxisIndex,默认为0，在单个图表实例中存在阅读全文

posted @ 2019-04-17 15:24 wyhluckydog 阅读(3504) 评论(0) 推荐(0) 编辑

ECharts动态获取后台传过来的json数据进行多个折线图的显示，折线的数据由后台传过来

摘要：ECharts 多个折线图动态获取json数据效果图如下：一.html部分二.js部分三.json格式如下：阅读全文

posted @ 2019-04-13 17:52 wyhluckydog 阅读(8271) 评论(2) 推荐(0) 编辑

echarts柱状图图例不显示的问题

摘要：如果想要图例有效果，legend中数据要和series中name的值保持一致，切记切记，这是我曾经遇到的坑，不保持一致是没有效果的阅读全文

posted @ 2019-04-13 17:49 wyhluckydog 阅读(4854) 评论(0) 推荐(0) 编辑

因为要生成的折线数量是不定的 ,所以需要echarts 动态的为option中的Series添加数据

摘要：通过function函数动态为series添加值。阅读全文

posted @ 2019-04-13 17:27 wyhluckydog 阅读(2294) 评论(0) 推荐(0) 编辑

echarts柱形图x轴显示不全或者每隔一个不显示的问题

摘要：问题原因可能：x轴数据间隔太小；问题解决： 1、调整间隔属性 2、改变x轴显示为竖向显示阅读全文