随笔分类 -  echarts

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

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

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

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

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

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

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

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

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

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

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

posted @ 2018-08-23 13:18 漫思 阅读(436) 评论(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 漫思 阅读(302) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示