随笔分类 -  echart

摘要:var giftImageUrl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANgAAADICAYAAACK9i92AAAU50lEQVR4nO2d7XXbuBKGXUJKUAnuIOwg7sDowOnA6iDpgOzA7sDqIO5A6kDq 阅读全文
posted @ 2018-09-20 13:42 疯子110 阅读(3136) 评论(0) 推荐(0)
摘要:function getData(percent) { return [{ value: percent, name: percent, }, { value: 1 - percent, label: { show: false }, labelLine: { normal: { show: fal 阅读全文
posted @ 2018-09-20 13:39 疯子110 阅读(4162) 评论(0) 推荐(0)
摘要:在使用echarts产生的柱状图中,有时候自动产生的颜色大不如人意,可以通过以下参数进行修改。 其中, 以上代码块,便可以修改柱状图颜色。 阅读全文
posted @ 2018-09-19 15:59 疯子110 阅读(3729) 评论(0) 推荐(0)
摘要:theme = { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’, } 阅读全文
posted @ 2018-07-07 11:06 疯子110 阅读(833) 评论(0) 推荐(0)
摘要:series: [ { name: '', yAxisIndex: 0, type: 'bar', barWidth: 15,//固定柱子宽度 data: Ydata }, { name: '' + '_正态分布曲线', yAxisIndex: 1, type: 'line', data: data 阅读全文
posted @ 2018-03-28 14:04 疯子110 阅读(2493) 评论(0) 推荐(0)
摘要:之前在做报表的时候用过echart 用完也就完了,而这次在用的时候已经忘了,所以这里简单记录一下,好记性不如烂笔头!!! 1、折线图修改颜色: [javascript] view plain copy xAxis: { type: 'category', boundaryGap: false, da 阅读全文
posted @ 2018-03-07 11:34 疯子110 阅读(3100) 评论(0) 推荐(0)
摘要:最近项目使用到Echarts,所以学习了下 根据API,实现Echarts很简单,在这就不多说了,下面就说说项目中碰到的一些需求 1.由于横坐标很多,导致数据不能展示完整,所以需要设置横坐标样式倾斜展示 2.每个数据列(比如柱形图),顶部需要显示具体数值 [html] view plain copy 阅读全文
posted @ 2018-03-07 11:06 疯子110 阅读(1103) 评论(0) 推荐(0)
摘要:今天在给Echarts折线图中的数据点增加点击事件的时候总是出现一个 Uncaught Error: [MODULE_MISS]"echarts/config" is not exists!错误 查找了半天才明白是什么原因,这个错误引起的原因是下面这段代码的位置 [javascript] view 阅读全文
posted @ 2017-07-15 17:24 疯子110 阅读(3584) 评论(2) 推荐(0)
摘要:记录一下ECharts时间轴的使用,首先是照着官方的示例做一遍,在这里不要忘了引入timelineOption.js,后面介绍如何动态创建时间轴的记录数,即根据需求可伸缩显示有多少天或者年月等轴标记数。 官网demo: [html] view plain copy <!DOCTYPE html> < 阅读全文
posted @ 2017-07-15 16:33 疯子110 阅读(20947) 评论(0) 推荐(0)
摘要:ECharts使用心得 前言 上周项目组要临时给客户做一个演示的原型,首页设计的是一个中国地图,本来打算用谷歌的地图,但是,做出来之后,整体的效果看起来太差了,最后就在网上搜相关的地图呈现的控件,然后就找到了这个ECharts报表呈现组件,挺不错的一个组件,而且地图数据都是离线的,真心很赞。但是,使 阅读全文
posted @ 2017-07-15 15:57 疯子110 阅读(870) 评论(0) 推荐(0)