zuo-yiran的博客

echart仪表盘实现指针渐变及图片的添加

echart实现柱状图的横向展示，文字与数值两端对齐，对柱状图颜色设置为渐变。

在浏览器中点击按钮实现页面的全屏与非全屏的切换

在一张地图上使用不同图标显示机票和火车票的轨迹图，并对线路和城市进行标注

echarts图表生成后的下载，本身是带有这个下载工具栏的， 但是可以通过另外的方法对该图表进行下载或者是展示。如图： 图表一是用echarts画出的，图表二是仅一张img图片，图表三则是一张可以下载的img图片。 html：<div id="main" style="width: 400px;height:200px;"></div>js： // 基于准备

在项目中通常不会只显示一个种类的图表，如果在有多种配置的图表要怎么进行显示？如下： 在echarts官网中首先要有一个带有id的和高度的标签，但是往往这个标签并不能在页面中写死，所以就需要动态进行添加。1.把一个配置作为一个大的对象放到数组对象switchList中。（对配置中的图表显示的标签id循环时把index放入id中拼成新的id，防止出现相同的id值。）<div class="tubiao

在项目中用到echarts中的地图： 但是在操作过程中往往会出现过分缩小： 或者是： 这样一不小心滑跑的情况，这样想要进行操作就很难了。 解决方法： 加个刷新的按钮，重新渲染地图: 方法一： 自带的简单地方法：clear()方法var chart = ECharts.init(document.getElementById('map') as HTMLDivEle

项目中要求在图表的浮动提示窗上显示相对应的单位如图： 方法有二，如下： 方法1： 利用自定义提示框进行拼接： 但是这样的话根据后台返回的数据格式的不同进行处理，在tooltip的formatter中进行拼接即可，注意这样的话要考虑的情况比较多。 方法2（如果和后台商量好可以要求返回值的格式的话就很简单了）： 引入echarts的js后，设置：var myChart = echa...