From 2a9b465bb7f2c072833831312c8aa3b1de5f5a36 Mon Sep 17 00:00:00 2001
From: jiaming <743192023@qq.com>
Date: Mon, 17 Dec 2018 16:49:22 +0800
Subject: [PATCH] add side nav

---
 src/views/demo/chart.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/views/demo/chart.vue b/src/views/demo/chart.vue
index b9aca02..2038dfc 100644
--- a/src/views/demo/chart.vue
+++ b/src/views/demo/chart.vue
@@ -1,6 +1,8 @@
 <template>
   <div id="chart">
-    <border-box-7 class="attention">
+    <side-nav :nav="navData" />
+
+    <border-box-7 class="attention" id="attention">
       <div class="title">Attention</div>
 
       <div class="text-info">
@@ -34,7 +36,7 @@ colors: ['#9cf4a7', '#66d7ee', '#eee966', '#a866ee', '#ee8f66', '#ee66aa']
       </div>
     </border-box-7>
 
-    <border-box-7 class="chart-item">
+    <border-box-7 class="chart-item" id="radar-chart">
       <radar-chart :data="radarChartData1" :colors="colors" class="chart" />
 
       <div class="config-info">
@@ -118,6 +120,7 @@ data: {
         <highlight-code>
 data: {
   // 相同配置不再赘述
+  ringFillColor: ['rgba(61, 231, 201, 0.1)'],
   ringFillType: 'mulCover', // 非必须 设置环线填充颜色类型为mulCover
 }
         </highlight-code>
@@ -136,6 +139,7 @@ data: {
         <highlight-code>
 data: {
   // 相同配置不再赘述
+  ringFillColor: ['rgba(61, 231, 201, 0.1)'],
   ringFillType: 'ring', // 非必须 设置环线填充颜色类型为ring
 }
         </highlight-code>
@@ -474,6 +478,17 @@ export default {
   name: 'Chart',
   data () {
     return {
+      navData: [
+        {
+          title: 'Attention',
+          target: 'attention'
+        },
+        {
+          title: 'Radar-Chart',
+          target: 'radar-chart'
+        }
+      ],
+
       radarChartData1: {
         data: [
           {