2020-11-05：三角、echarts及legend图例(竖直排列)及事件及展示标度文字的全展示、日期格式、多个动态路由参数

1、三角

https://blog.csdn.net/agi52790/article/details/101662039
https://www.jianshu.com/p/dae0bd1b8803

2、echarts

grid：直角坐标系内绘图网格

  yAxis: [{
        ...
        axisLine: { //y轴
          show: false,
          lineStyle: {
            color: '#DFE9FF' //展示坐标轴样式
          }
        },
        ...
       ...
      }],

3、echarts legend图例(竖直排列)

 legend: {
            ......
            orient: 'vertical',
            ......
            },

4、日期格式

(new Date())['format']('yyyy-MM-dd')

5、echarts展示标度文字的全展示

xAxis: [{
        ...
        axisLabel: {
          show: true,
          interval:0  // 全展示
        }
      }],

6、echarts 事件

    this.chart.on('click', (param) => {
        ...
      })

7、多个动态路由参数

export default new Router({
  routes: [
{
    path: '/projectInfo/:project_id/:doc_no', // 在建工程列表-> 工程建设信息
    component: projectInfo,
    meta: {}
  }
  ]
})


...


获取：
this.projectId = this.$route.params.project_id;
this.doc_no = this.$route.params.doc_no;