2017-06-20 15 views
0

Hallo Ich versuche, das Diagramm ohne Tooltips oder Legenden zu konfigurieren, und es sieht aus wie alle konfigurierten Optionen ignoriert werden. was mache ich falsch?eckig chart js type line einstellung chart-optionen funktioniert nicht

es ist das js Objekt:

$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' 
     } 

     ] 
    } 
    }; 

Und es ist das Canvas-Element:

<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

Sie haben Syntaxfehler in Ihrem Canvas-Element und in den Attributen. – Vivz

+0

Erhalten Sie einen Fehler in Ihrer Konsole? – Vivz

+0

ja ich sah und reparierte den html. und nein, es gibt keine Fehler in der Konsole –

Antwort

0

diese Lösung Versuchen

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

noch ignorieren alle Optionen Objekt –

0

ich es geschafft, damit es funktioniert, erst nach dem Wechsel Optionen von chartjsProvider.setOptions wie diese

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, 

          } 

         ] 
     } 
    });