最近两天认真的了解了一下Echarts，发现越认真的去了解，越发现simple != easy 。 各种重复的效果，做出来的配色总是不尽如意，在解决一个个小问题的时候，不断地搜索。比如折线图上如何去掉圆点，纵轴如何设置间距，如何设置legend:{}中的样式为菱形，坐标轴颜色、字体颜色，各种距离如何 ...
分类：
其他好文 时间：
2020-07-03 19:23:58
阅读次数：
76
方案一：引入cdn, 打包的时候webpack配置externals ,这样webpack就不会打这个包到vendors里，减少体积，缺点是cnd稳定性可能会有问题，而且是先请求cdn资源之后再请求自己服务器代码，非同源。 方案二：按需加载(利用插件) 注意.如果有页面引入了echarts全部包（i ...
分类：
其他好文 时间：
2020-07-03 12:49:32
阅读次数：
363
echarts里有个属性是axisLabel,当其为1时会隔行显示,设为0时会强制显示所有.示例: xAxis: { data: [1,2], axisLine: { lineStyle: { color: '#8E8E93' } }, axisLabel: { color: '#000000', ...
分类：
其他好文 时间：
2020-07-02 18:27:25
阅读次数：
184
// 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: '第一个 ECharts 实例' } ...
分类：
其他好文 时间：
2020-07-01 12:31:52
阅读次数：
80
大屏简单来理解就是将多个组件内容整合到一个屏幕中，从组成上来分可以分为两部分：一：整个页面的框架布局，也就是在哪个位置显示什么内容，以及框架的大小、样式 二：框架内每个组件要显示的内容，比如是表格还是统计图等 如果是简单的大屏，那么自己用 iframe 做个框架，里边每个组件用一些 echarts ...
分类：
其他好文 时间：
2020-06-30 17:20:46
阅读次数：
38
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, ...
分类：
其他好文 时间：
2020-06-30 16:02:33
阅读次数：
165
1.踩坑 1.1.深拷贝/浅拷贝 这实际上算不上vue的问题，算是js基础没打好的坑吧。 先来看一个简单的例子： let obj = {name:'fiona-SUN'}; let copyObj = obj; copyObj.name = 'fiona'; console.log(copyObj. ...
分类：
其他好文 时间：
2020-06-30 14:27:56
阅读次数：
41
代码： dataZoom: [ { type: 'slider', show: true, xAxisIndex: [0], handleSize: 20,//滑动条的 左右2个滑动条的大小 height: 8,//组件高度 left: 30, //左边的距离 right: 40,//右边的距离 b ...
分类：
其他好文 时间：
2020-06-29 00:39:11
阅读次数：
192
效果图： 这里给出了第一一个图的例子JS代码： 1 $(function () { var qxarr = new Array(7);//清洗数据5 var maxarr = new Array(7);//最优区间最大值 var minarr = new Array(7);//最优区间最小值 //三 ...
分类：
Web程序 时间：
2020-06-28 15:05:25
阅读次数：
189
<script type="text/javascript"> document.write("<script src='/echarts/echarts.min.js?"+Math.random()+"'><\/script>"); </script> 加个随机数即可. ...
分类：
其他好文 时间：
2020-06-28 15:04:17
阅读次数：
113
