- 博客(15)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 echarts自定义tooltip
var option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow', label: { show: true } }, formatter: function (params) { var str = '';.
2021-06-30 11:36:59
5578
1
原创 echarts toolbar的数据视图改写成表格
toolbox: { show: true, feature: { mark: { show: true }, dataView: { show: true, readOnly: true, optionToContent: function (opt) { var axisData = opt.xAxis[0].data;
2021-06-29 17:31:41
346
原创 echarts数据格式
方式一：用这种方式的话，需要注意，如果data1中的数据多，data2中的数据少，可能会导致折线图乱连var data1 = [["2021-6-1", 23], ["2021-6-2", 44], ["2021-6-3", 55], ["2021-6-4", 19]]var data2 = [["2021-6-1", 33], ["2021-6-2", 24], ["2021-6-3", 13], ["2021-6-4", 28]]series: [{ data: data1},{
2021-06-28 11:26:58
1596
原创 echarts没有数据时显示暂无数据
在 echarts 正常渲染后，会在容器 div 上面添加一个自定义的属性_echarts_instance_，我们可以在判断数据为空时，在容器里面加上暂无数据。具体代码如下：if(!dataObj.length>0){ $("#produce").html('<div id="nodata" style="text-align: center;height:300px;line-height: 300px">暂无数据...</div>');
2021-06-28 09:40:11
4235
原创 echarts加载特效
echarts渲染时间比较长，在数据出来之前，图表是空白的，而别人不知道图表没加载完，很容易误会没有数据，而且也不好看，所以，我们可以在渲染完成之前加上加载特效。//加上loadingmyChart.showLoading({ text: 'loading', color: '#c23531', textColor: '#000', maskColor: 'rgba(255, 255, 255, 0.2)', zlevel: 0, }
2021-06-25 15:01:33
711
原创 echarts legend不显示
1、情况一,要保证legend中的data与series中name相同，例如：var options = { legend:{ data:["2018","2019"] } series:[ { name:"2018", data:[10,20,30,40,50] }, { name:"2019", data:[30,60,70,60,80] } ]}myCharts.setOptions(options)2、情况二，如果legend中的data
2021-06-25 09:49:19
17854
4
原创 input、buttom的type为submit的区别
总结：input和button 标签都差不多，type=submit时都会被提交，type=“button” 是就是单纯的按钮，不会提交数据！只不过button是一个容器空间，可以容纳其他标签，input则不可以1.input[type=submit]我们直接来看例子：代码如下：<form> <input name="name"> <input type="submit" value="提交"></form>其中点击按钮后的url
2021-06-23 11:33:04
2361
原创 layui 日历插件选择后点击空白处获取选择值（change）
通过文档可知，laydate有3个回调函数1、ready控件初始打开的回调2、change点击选择日期后触发3、done点击日期、清空、现在、确定均会触发laydate.render({ elem: '#startDate' , type: 'datetime' , min: minTime , max: maxTime ,showBottom: false
2021-06-21 16:56:24
1115
原创 echarts宽高自适应
常见的echarts需要自适应的场景1、使用侧边栏菜单收缩/展开，echarts容器大小变化，但是echarts不重新自适应容器。2、window窗口改变但是echarts不随着改变，针对这两种echarts不自适应的情况，分享下自己处理方法。核心点：监听使echarts容器大小发生变化的因素及window窗口改变去调用echarts实例的resize()方法。问题一解决方案：//初始化图表 var myChart = echarts.init(document.getElementById('
2021-06-17 16:30:17
3191
原创 call、apply、bind的用法
1、call、apply、bind的用法 var name = 'xiaowang',age = 17; var obj = { name:'xiaozhang', age:this.age, address:this.address, do(){ console.log(this.name+"今年"+this.age+"岁"); //this指向o
2021-06-11 12:12:59
58
原创 xAxis. boundaryGap
坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。类目轴中 boundaryGap 可以配置为 true 和 false。默认为 true，这时候刻度只是作为分隔线，标签和数据点都会在两个刻度之间的带(band)中间。非类目轴，包括时间，数值，对数轴，boundaryGap是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 min 和 max 后无效。 示例：boundaryGap: [‘20%’, ‘20%’]...
2021-06-08 17:52:46
564
原创 获取对象长度
对象和数组不一样，对象没有length属性，但很多时候我们是希望获取到对象长度的。1、比较传统的方式就是遍历对象，添加一个自增的变量，具体操作如下：var i = 0for (key in obj) { i++;}2、...
2021-06-07 11:52:16
2890
原创 Array.from()
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。什么是类数组？1、拥有length属性，length-0可隐式转换为number类型，并且不大于Math.pow(2,32)（比如：22.33和’022’都满足条件）2、不具有数组所具有的方法什么是可遍历对象？凡是有Symbol.iterator属性的都是可遍历对象所以使用Array.from()必须满足条件：有length属性，key为数字，具体实例如下：//错误用法 1var person = { “n
2021-06-07 11:38:18
149
原创 echarts x轴time 24小时
关键点：splitNumber: 8, //分成8段min: new Date(time_min), //开始时间当天00:00max: new Date(time_max) //结束时间第二天00:00function pm() { // 显示标题，图例和空的坐标轴 var i = 0; var now_data = new Date() var year_now = now_data.getFullYear(), month_n
2021-06-04 13:57:36
8397
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人