随笔分类 -  echarts

echarts
【前端图表】echarts实现散点图x轴时间轴
摘要:话不多说,老规矩,先上图,实现echarts实现散点图,x轴数据为时间年月日。 实现代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>五分钟上手之散点图</title> <!-- 引入 echarts.js --> < 阅读全文

posted @ 2020-08-23 13:30 漫思 阅读(739) 评论(0) 推荐(0)

echarts双轴轴线不对齐的解决办法
摘要:背景:当设置双轴的时候,轴线的刻度数量、间距均由echart内部自动计算,导致两边的轴线大概率下不会对齐,如下图所示: 查询echarts配置文档,发现以下属性: min: 坐标轴刻度最小值 max: 坐标轴刻度最大值 splitNumber:坐标轴的分割段数 interval:强制设置坐标轴分割间 阅读全文

posted @ 2020-07-31 17:33 漫思 阅读(4951) 评论(0) 推荐(0)

echarts tooltip超出容器被遮挡的解决办法
摘要:如果实在解决不了可以加我微信 一定能解决 最近项目中使用到echarts。由于数据的分类较多,导致tooltip超出容器,且被周围的其他dom所遮挡。网上找了一圈发现很多朋友说配置其中的confine: true, 然而该配置只是将tooltip限制在该容器内。 当周围的dom的z-index过于高 阅读全文

posted @ 2020-07-31 17:14 漫思 阅读(13255) 评论(0) 推荐(0)

在Vue中使用echarts
摘要:由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大的插件。一开始想在网上找一个基于vue封装好的(懒省事),eg:vue-echarts ,但是拉取下来发现,跟项目中使用的类型有点偏差,而且他们的数据大多都是定制好的,我很难在此基础上进行更改(惹不起),于是选择 阅读全文

posted @ 2020-07-20 11:11 漫思 阅读(598) 评论(0) 推荐(0)

echarts itemStyle symbol 折线图原点样式调整
摘要:symbol 适用类型 :折线图、散点图 。默认:null 标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有: 'circle' | 'rectangle' | 'triangle' | 'diamond' | 'emptyCircle' | 'e 阅读全文

posted @ 2020-07-05 17:16 漫思 阅读(3460) 评论(0) 推荐(0)

Echarts的资源文件
摘要:下载 阅读全文

posted @ 2018-08-23 13:18 漫思 阅读(443) 评论(0) 推荐(0)

浙江省地图
摘要:option = { title : { text: '全省各市区消费情况分布', x:'center' }, tooltip : { trigger: 'item' }, dataRange: { min: 0, max: 2500, x: 'left', y: 'bottom', text:[' 阅读全文

posted @ 2017-08-10 14:25 漫思 阅读(322) 评论(0) 推荐(0)

导航