2017-10-13 1 views
1

Chart.jsが凡例を表示していません。私はバージョン2.4.0を使用しています、私はChart.bundle.min.jsスクリプトを私のウェブサイトに入れました。Chart.jsが凡例を表示していません

,puntos,のような変数の全てが定義され、データが正しく示されている。

問題は伝説のFalla balanceadaMu y Pu aplicadosおよびDiagrama M-Pでそれぞれの色が表示されていません。私が点にカーソルを置いたときのツールチップだけが表示されます。解決

var canvas = document.getElementById(domId); 
var ctx = canvas.getContext("2d"); 
var lineChart = new Chart(ctx, { 
     type: 'line', 
     data: { 
      datasets: [{ 
       label: 'Diagrama M-P', 
       data: puntos 
      }, { 
       label: 'Falla balanceada', 
       backgroundColor: 'rgba(0,0,0,0)', 
       borderColor: 'rgba(130,0,0,0.6)', 
       data: [{ x: 0, y: 0}, { x: lineaRoja[0], y: lineaRoja[1] }], 
       borderDash: [10, 5] 
      }, { 
       type: 'scatter', 
       data: MuPu, 
       fill: false, 
       showLine: false, 
       backgroundColor: 'rgba(0,130,0,0.6)', 
       label: 'Mu y Pu aplicados', 
       pointRadius: 6 

      }] 
     }, 
     options: { 
      animation: { duration: 0 }, 

      scales: { 
       xAxes: [{ 
        type: 'linear', 
        position: 'bottom', 
        scaleLabel: { 
        display: true, 
        labelString: 'Ton' 
        } 
       }], 
       yAxes: [{ 
       scaleLabel: { 
        display: true, 
        labelString: 'Ton m' 
       }, 
       ticks: { 
        min: 0, 
        beginAtZero: true 
       } 
      }] 
      } 
     } 
    }); 

答えて

1

、私が使用したブートストラップテンプレートを使用すると、オプションでこれを追加することができますどこかの.jsファイルでこのコード

Chart.defaults.global.legend = { 
    enabled: false 
}; 
0

を持っていました。

legend: { 
    display: true 
} 
+0

はい私は@lokiを知っていますが、この答えでは何も説明しません。 –

関連する問題