
前端
DanielFaster
这个作者很懒,什么都没留下…
展开
-
Echarts绘制的xy坐标系上显示每个点坐标值
若能给你带来帮助是我莫大的荣幸,与此同时,请你不要怜惜你的赞,你的鼓励是我坚持创作的动力。Echarts的官网没有在坐标系上显示点的坐标值的demo,所以我对这个需求的实现进行一些探索原来的样子(客户需求是,要将这些直线上标出来的点的坐标也要显示出来)最终效果还是不得不说echarts结构设计中的低耦合考虑得很好,通过一个fomatter方法,用户可以自定义显示内容上面的实现我的方法是在option中的series填了对label的处理,具体代码如下 series: [原创 2020-07-21 23:45:01 · 5458 阅读 · 0 评论 -
Echarts坐标轴类型为value情况下,替换显示内容
现在有一个需求,绘制一个xy坐标系上的直线后,需要改下y轴显示内容,改为带字母的内容,如果你直接改成字母的内容,那么echarts是无法识别出你这些字符串之间的关系,那么你的图像就会出现问题,我的解决方法是,描点时依旧使用数字,然后对y轴标签的显示进行一个格式化,就可以解决这个问题。例如我本来的图像是但是客户要求,y轴必须显示的是分数,我的解决办法是在y轴设置上,加入了对标签的转换函数具体如下我的代码(echarts很强大,可以自定义格式化方法,通过这个函数,你可以让坐标...原创 2020-07-21 23:30:51 · 3567 阅读 · 1 评论 -
用Echarts绘制xy坐标系并绘制图像(读指定表格数据)
前言:在使用echarts过程中,会有很多 设置属性的疑惑,建议可以查阅百度官方的文档,里面不仅仅只有属性说明,还有一些是可以在线测试,可视化某些属性的变化。今天我接到一个任务就是,读取一个表格,然后根据表格,在一个xy坐标系上绘制直线,由于对echarts不是很熟悉,所以还是走了很多弯路,很多设置的内容,有时候搜索网上都搜索不到,最后查阅百度官方的文档解决了我很多问题。其实更加便捷直观的方法是可以学一下百度提供的demo里面一些案例可能会给你很大的提示,然后某些个性化的定制内容,可以再倒回...原创 2020-07-21 22:53:18 · 4459 阅读 · 1 评论 -
Echarts 同时显示多图(附带 调整标题和图例说明的相对位置以及字体大小的方法)
有一个课程作业要做数据可视化,用到了Echarts,老师要求不能只有一个图表,让我们加了些柱形图、曲线图,然后我就进行了Echart多图显示的探索,发现很简单第一步,在HTML页面,添加div块,记得要标上id号(不能重复哦)多图展示,要多少个图,就加多少个div即可,如果图之间间隔太小,可以直接简单粗暴,用一个style 然后加上 margin-top 样式简单调整即可 <!--可视化展示--> <div> <!.原创 2020-06-18 15:22:17 · 5056 阅读 · 0 评论 -
Echart 动态更新地图 更新数据 更新visualMap 组件( 更新visualMap不生效可能原因)
最近做一个项目,是利用echarts来做疫情数据可视化,由于全国疫情的累计数据和现在确诊数据有较大的差距,所以如果visualMap 组件中,min与max字段如果使用相同的内容范围,那么将会导致新增数据展示非常不明显例如如果直接使用 现有确诊的范围,那么累计确诊的显示就会很难看(看不出差别,如果直接使用累计确诊的范围来做标尺,那么也就出现完全相反的情况,累计确诊展示正常、现有确诊比较难区别)因此,必须要动态调整这个标尺,那么如何调整呢?(如需要动态更新数据,请见 下面代码..原创 2020-06-18 14:53:33 · 6258 阅读 · 0 评论 -
Echarts调整X轴字体大小
有一个课程作业要做数据可视化,用到了Echart,这个框架很好用,但是我发现有需求的修改,需要查阅官方文档,但是查阅不方便,给开发还是造成了一些困难。例如我要调整X轴上的字体大小,但是发现官方的demo上是没有的,那么只能去查阅文档,但是发现官方文档里面内容太多,查起来很费劲。最后我发现,官方提供的测试工具很方便,带有代码提示功能,所以以后需要一些属性的话,可以多使用官方的测试工具回归正题,我要讲讲怎么调整x轴上字体大小,就是下图的这行代码(注意,百度的字体大小 是没有单位的)下面的这个代...原创 2020-06-18 00:49:53 · 34657 阅读 · 0 评论 -
wordpress 主题自定义样式
先看看效果,本来我的导航栏是这样子修改后的效果下面讲下实现的方案方案一、利用wordpress自带的功能(推荐用该方案)第一步,打开自定义控制台第二步,选择额外的css第三步,直接添加你的css,wordpress真的非常强大,只要你添加进去他就会实时显示效果第四步,调整完样式后直接点击右上角的保存方案二、修改主题的css文件第一步,找css文件(指的是主题的style.css和style.min.css)我的是 /var/www/..原创 2020-05-21 22:31:22 · 2662 阅读 · 0 评论