Question

不知怎的，我无法在我的图表中获得图例。

Trough Flask我正在制作折线图，一切正常。除了传说。

这是我下载的chart.js，我把它放在我的静态文件夹

中

html看起来像这样

<script src='static/Chart.min.js'></script>
<canvas id="chart" width="600" height="150"></canvas>

和这样的脚本：

<script>
   // bar chart data
   var barData = {
   labels : [{% for item in labels %}
                  "{{item}}",
              {% endfor %}],
   datasets : [
      {
            fillColor: "blue",
            strokeColor: "blue",
            label: "Test1",
            pointColor: "blue",        
            label: "Test",
            borderColor:"blue",
            Color:"blue",
            backgroundColor: "blue",
         data : [{% for item in values %}
                      {{item}},
                    {% endfor %}]         
      },
    {
            fillColor: "rgb(126, 122, 255,1)",
            strokeColor: "rgb(126, 122, 255,1)",
            label: "Test2",
            pointColor: "rgb(126, 122, 255,1)",
         data : [{% for item in values2 %}
                      {{item}},
                    {% endfor %}]         

      }
      ]
   }

   // get bar chart canvas
   var mychart = document.getElementById("chart").getContext("2d");

   steps = 10
   max = {{ylab}}
   // draw bar chart
   new Chart(mychart).Line(barData, {
        datasetFill: false,   
        scaleOverride: false,
        legend: true,
        legendDisplay: true,
        legendEnabled: true,
        scaleSteps: steps,
        scaleStepWidth: Math.ceil(max / steps),
        scaleStartValue: 0,
        scaleShowVerticalLines: true,
        scaleShowGridLines : true,
        scaleShowLabels: false,
        scaleBeginAtZero : true,
        beginAtZero: true,
        display: true,

        fill : false
   });

</script>

我尝试了各种命令来获取那里的传奇。我发现应该像display：true。但它不起作用。

另一个奇怪的事情是，当我尝试使用较新版本的chart.js时，通过添加此html（在此处）然后图表不再起作用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>

我做错了什么？

chart.js的图例

0 个答案: