2020-11-05:三角、echarts及l(fā)egend圖例(豎直排列)及事件及展示標度文字的全展示、日期格式、多個動態(tài)路由參數(shù)

1、三角

https://blog.csdn.net/agi52790/article/details/101662039
http://m.itdecent.cn/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、多個動態(tài)路由參數(shù)

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;
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容