
Echarts
文章平均质量分 88
xiaoshulin520
学无止境
展开
-
vue结合echarts-点击echarts图表内容,在图表上面出现一个弹框,
最后有一个效果,就是在vue项目中使用echarts图表,点击图表的时候,弹一个框,在点击图表其它部分,弹框消失,并且,弹框要显示在图表范围内,不可超出图表区域。看一下效果图上代码:<style>#gxid { height: 100%; width: 100%; border: 1px solid #efefef;}.con_box{ position: relative; height: 600px; width: 900px; margin:原创 2020-09-24 10:22:42 · 4417 阅读 · 0 评论 -
利用Echarts图表的tooltip在做一个图表
小编最近遇到一个需求,需要在折线图上在做一个图表,如下图: 这是已经做好的demo。http://gallery.echartsjs.com/editor.html?c=xry_8tQjib&v=1 先说说思路,利用折线图表的tooltip.formatter 看下面代码 tooltip: { padding: 3, backgroundColor: '#2原创 2017-09-29 10:38:22 · 5041 阅读 · 1 评论 -
年度目标进度和完成进度对比
http://gallery.echartsjs.com/editor.html?c=xB1OlxsyGf demo链接 外环数据大于内环时,颜色会改变,底部 时间进度 是外环的数据(外环相当于是一个图表,然后把它要显示的数据 在data里面设置好 让它在底部显示)原创 2017-12-14 15:06:12 · 5116 阅读 · 0 评论 -
轮播插件+echarts图表
效果如图,底部的小圆点是自己加的,通过判断(判断 某一个class名称)找到index,然后给到下面小圆点上面注意: 这个轮播插件改过源码,因为不能阻止默认,就加了一个阻止默认事件,但不影响,若介意的同学可以去jq22.com上面重新下载 这个就是插件 //然后在默认的dom基础上 把内容改成你自己的 <div id="Main-Content"> <d原创 2017-12-14 15:27:29 · 8256 阅读 · 10 评论 -
表格和Echarts图表联动-通过选取表格数据组成图表
近日做了 个项目功能,就是通过表格列或者行选取表格数据来生成图表,不多说,上图 (这是最终效果,因为只是测试功能,所以就不美观啦)大家可以在这个基础上进行修改,可以改成更好的css部分::: <style type="text/css"> .echarts_div { width: 900px; h...原创 2018-03-15 15:00:50 · 14620 阅读 · 4 评论