chart.js v2の凡例

通常凡例はdatasetのlabelで設定された文字列が使用されます。これはグラフの中のポップアップでも使われます。

これらを別々に設定したい場合以下のような方法があります。

まずdatasetをconfigの中で定義します。

そしてoptions.legendを以下のようにします。

          legend: {
            labels: {
              generateLabels: function(chart) {
                labels = Chart.defaults.global.legend.labels.generateLabels(chart)
;
                labels[0].text = data.label[0] + ' average: ' + String(Math.round(ave * 10) / 10);
                return labels;
              }
            }
          },

これで、datasetのlabelを空にすると、こんな風になります。

系列が一つの時はポップアップのlabelはじゃまです。

datasetを後からpushするとうまくできませんでした。

chart.jsはバージョン間の互換がないので、他のバージョンではやり方が違うと思われます。