2017-03-27 9 views
0

私は縦ボーダー斜面を得るのですか、私は、この今のところケンドーエリアチャート - 垂直スロープ?

enter image description here

ホーを得た。この enter image description here

のように見える剣道UI面グラフを作成したいですか?

デモhttp://codepen.io/lev-savranskiy/pen/GWXMJJ

{ 

    series: [{ 
     type: "line", 
     data: [100,100,86,73,66,63,59,56,55,52], 
     name: "", 
     color: "#599333", 
     axis: "perc", 

     labels: { 
      visible: true, 
      format: "{0}%", 
      background: "transparent" 
     } 

    }, { 
     type: "area", 
     opacity: 1, 
     data: [100,100,86,0,0,0,0,0,0,0], 
     name: "Glance/Delete (0-2 seconds)", 
     color: "#A3DE73", 
     axis: "time" 
    }, { 
     type: "area", 
     opacity: 1, 
     data: [0,0,86,73,66,63,0,0,0,0], 
     name: "Skim (3-7 seconds)", 
     color: "#7BC143", 
     axis: "time" 
    }, { 
     type: "area", 
     opacity: 1, 
     data: [0,0,0,0,0,63,59,56,55,52], 
     name: "Read (8-15 seconds)", 
     color: "#599333", 
     axis: "time" 
    } 


    ], 
    valueAxis: [{ 
     name: "time", 
     min: 0, 
     max: 110, 
     visible: false 
    }, { 
     name: "perc", 
     labels: { 
      template: "#= value # %" 
     }, 
     min: 0, 
     max: 110 
    }], 
    categoryAxis: { 
     categories: [0 ,2, 4, 6, 8, 10, 12, 14, 16, 18, 20], 
     labels:{ 
      template: '#= value#s' 
     }, 
     justified: true 
    } 
} 

}

説明 - 私は本当に地域のシリーズで、ここ

答えて