问题总结21-03-08至21-03-28

⭐echarts自定义图表调研

https://echarts.apache.org/examples/zh/editor.html?c=custom-profile

https://echarts.apache.org/zh/tutorial.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%B3%BB%E5%88%97

https://echarts.apache.org/zh/option.html#series-custom

https://blog.csdn.net/m0_37727560/article/details/105448161

⭐echarts设置X轴文本换行

思路就是用 。

https://blog.csdn.net/qq_38475119/article/details/107212136

⭐css如何选择相同class下的第一个class元素和最后一个元素

https://blog.csdn.net/hh1197787867/article/details/82182069

⭐echarts去掉折线上面的小圆点

series:[{
    symbol: "none",
    name: "seriesName",
    type: "line",
    data: "seriesData"
}]

⭐echarts折线起点从最左端开始

xAxis: {
    boundaryGap: false
},

⭐echarts markline两条线颜色分别设置

xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
    type: 'value'
},
series: [{
    
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    type: 'line',
    markLine: {
        itemStyle: {
            normal: { lineStyle: { type: 'solid', color: '#000' }, label: { show: true, position: 'end' } },
        },
        data: [
            {
                name: '平均线',
                // 支持 'average', 'min', 'max'
                type: 'average'
            },
            {
                name: 'Y 轴值为 100 的水平线',
                yAxis: 100
            }
        ]
    },
}]

⭐React组件、绑定属性（绑定class 绑定style）、引入图片 循环数组渲染数据

https://blog.csdn.net/weixin_42580704/article/details/106658702

⭐echarts 常用方法 初始化和销毁

https://blog.csdn.net/Uncle_long/article/details/80483175

https://www.w3school.com.cn/jsref/met_element_removeattribute.asp

https://www.jb51.net/article/203876.htm

⭐react生命周期

https://www.jianshu.com/p/021736302706

⭐react组件中刷新组件技巧

组件设置key值，key值不一样会导致组件更新。

https://www.cnblogs.com/jlj9520/p/10601195.html

⭐echarts柱状图实现横向拖动展示数据

dataZoom: [
    {
        id: 'dataZoomX',
        type: 'slider',
        xAxisIndex: [0],
        filterMode: 'filter'
    },
    {
        id: 'dataZoomY',
        type: 'slider',
        yAxisIndex: [0],
        filterMode: 'empty'
    }
],

https://www.cnblogs.com/cherylgi/p/13892776.html

⭐vue 解决： target is not existed: .page-component__scroll .el-scrollbar__wrap“问题

使用了 element-ui 返回顶部组件 el-backtop 却报错，组件都有默认参数，可以直接使用组件，不用传参数。把代码放在最外层包裹元素里的第一个。

⭐不同浏览器中，flex布局下图片不保持宽高比的问题以及IE下图片不显示的问题

https://blog.csdn.net/qq_36523214/article/details/107532749?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242

⭐git commit后，撤销commit

git reset --soft HEAD^

https://www.jianshu.com/p/a9f327da3562

⭐css隐藏

display:none;//不占位隐藏

visibility:hidden;//占位隐藏

⭐moment.js计算时间差

一：计算小时之间的差
const date1=moment(‘08:30’,‘hh:mm’);
const date2=moment(‘18:00’,‘hh:mm’);
const date3=date2.diff(date1,‘minute’);//计算相差的分钟数
const h=Math.floor(date3/60);//相差的小时数
const mm=date3%60;//计算相差小时后余下的分钟数
二：在标准日期格式下可以不指定日期的格式
如
const date1=moment(‘2019-02-28 08:30:00’);
const date2=moment(‘2019-02-28 18:00:00’);
const date3=date2.diff(date1,‘minute’);//计算相差的分钟数
const h=Math.floor(date3/60);//相差的小时数
const mm=date3%60;//计算相差小时后余下的分钟数