2017-05-29 4 views
0

はPolarLineチャート(ないのChartArea、チャート)「私は何を知っていないにスペースリザーバー」見ることができる画像でセットサイズ

の特定のサイズを設定するにはどのような方法があります

2つのオプションがあり、Chartのサイズを決定したり、チャートのサイズをChartAreaに等しくしたりできます。

$("#chart2").kendoChart({ 
       chartArea: { 
        background:"", 
        border: { 
         width: 2, 
         color: "green" 
        } 
       }, 
       legend:{ 
        visible: false 
       }, 
       seriesDefaults: { 
        type: "polarLine", 
        style: "smooth" 
       }, 
       series: [{ 
        data: [ 
[0,75.07200602],[10,81.64361286], 
[20,91.39178047],[30,98.75515111], 
[40,99.92040115],[50,92.10607453], 
[60,74.91674346],[70,50.02020242], 
[80,11.87856731],[90,0.998505703] 
] 
       }], 
       xAxis: 
       { 
        startAngle: 90, 
        majorUnit: 10, 

        reverse :true, 
        majorGridLines: { 
         max: 360, 
         min: 0, 
         visible: true 
        }, 
        labels: 
        { 
         visible: false, 
         margin:3, 
         template:"#: value # º" 
        } 
       }, 
       yAxis: 
       { 
        max: 100, 
        min :0, 
        majorUnit: 10, 
        labels: 
        { 
         visible: false 
        } 
       }, 
       tooltip: { 
        visible: true, 
        format: "{0}", 
        template: "#: value #" 
       }, 
       transitions:false 
      }); 

White space problem

答えて

0

溶液チャートを一旦cointainerサイズによって計算さrezise関数を作成し、私の場合であった:

function reziseChart(ParentDiv) 
     { 
      var clientHeight = document.getElementById(ParentDiv).clientHeight; 
      var c = $("#chart2").data("kendoChart"); 
      c.options.chartArea.margin = - clientHeight * 0.425; 
      c.refresh(); 
     } 
関連する問題