2016-05-06 10 views
1

私のグラフで組み込みの凡例(色付きの四角形)を無効にしたいと思います。私が作成したカスタムレジェンドを保持したい場合は、同じ時間にdocument.getElementById( 'legendq3')。innerHTML = myDoughnutChart.generateLegend();chart.jsで組み込みの凡例を無効にする方法

<canvas id="myChart"></canvas> 
         <div id="legendq3"></div> 
         <script> 
          var ctx = document.getElementById("myChart"); 

          var data = { 
           labels: [ 
            "Red", 
            "Green", 
            "Yellow" 
           ], 
           datasets: [ 
            { 
             data: [300, 50, 100], 
             backgroundColor: [ 
              "#FF6384", 
              "#36A2EB", 
              "#FFCE56" 
             ], 
             hoverBackgroundColor: [ 
              "#FF6384", 
              "#36A2EB", 
              "#FFCE56" 
             ] 
            }] 
          }; 

          var options = { 
           legendTemplate :'<ul>' 
               +'<% for (var i=0; i<datasets.length; i++) { %>' 
               +'</li>' 
               +'<span style=\"background-color:<%=datasets[i].lineColor%>\"></span>' 
               +'<% if (datasets[i].label) { %><%= datasets[i].label %><% } %>' 
               +'</li>' 
               +'</ul>' 

          } 

          var myDoughnutChart = new Chart(ctx, { 
           type: 'doughnut', 
           data: data, 
           options: options 
          }); 

          //myDoughnutChart.defaults.global.legends.display = false; 

          document.getElementById('legendq3').innerHTML = myDoughnutChart.generateLegend(); 
         </script> 

答えて

関連する問題