2017-06-20 13 views
0

こんにちは私は、ツールチップや凡例なしにグラフを設定しようとしています。私は間違っているの?角度チャートjsタイプライン設定チャートオプションが動作しない

それはjsオブジェクトです:

$scope.options = { 
    segmentShowStroke : false, 
    elements: { arc: { borderWidth: 0 } , point: { 
      radius: 0 
     }}, 
    tooltips:{ 
      enabled:false 
     }, 
    legend: { 
      display: false 
     }, 
    scales: { 
     yAxes: [ 
     { 
      id: 'y-axis-1', 
      type: 'linear', 
      display: false, 
      position: 'left' 
     } 

     ] 
    } 
    }; 

そして、それはcanvas要素です:

<canvas id="line" class="chart chart-line" 
chart-data="data" chart-labels="labels" chart-options="options" 
chart-dataset-override="datasetOverride" 
chart-click="onClick" height="40px" width="1000px" 
chart-colors="graph.colors" style=" width: 1000px; ;max-height: 40px !important;"> 
</canvas> 
+2

キャンバスの要素と属性に構文エラーがあります。 – Vivz

+0

コンソールに何かエラーがありますか? – Vivz

+0

はい私は見て、HTMLを修正しました。コンソールにエラーはありません。 –

答えて

0

options : { 
    scales : { 
     xAxes : [ { 
      gridLines : { 
       display : false 
      } 
     } ] 
    } 
} 
+0

は、すべてのオプションオブジェクトを無視します。 –

0

このソリューションを試してみて、私は唯一変更した後、それを動作させるために管理このようなchartjsProvider.setOptionsのオプション

ChartJsProvider.setOptions('line',{ 
     segmentShowStroke : false, 
     elements: { arc: { borderWidth: 0 } , point: { 
       radius: 0 
      }}, 
     tooltips:{ 
       enabled:false 
      }, 
     legend: { 
       display: false 
      }, 
     scales: { 
      yAxes: [ 
        { 

         display: false, 

        } 

        ], 
        xAxes: [ 
          { 

          display: false, 

          } 

         ] 
     } 
    }); 
関連する問題