2017-08-03 13 views
1

私は棒グラフを生成する方法を必要としています。何らかの理由でこの構文を適切にする時間があります。私はこのエラーを取得する:私はすべてを見ていると私は私の括弧の全てが終了タグを持っていることを見たときに、この行でChart.JS棒グラフ欠落についてのエラー

Uncaught SyntaxError: missing) after argument list

label: 'Dollar Values',

はDEVコンソールには、私は、このエラーを与えているのはなぜ。正常に実行するには、これをどのように変更する必要がありますか?

var ctx = document.getElementById('canvasone').getContext('2d'); 
var chart = new Chart(ctx, { 
    data: { 
     type: 'bar', 
     labels: yoylabels, 
     datasets: [{ 
       label: 'Dollar Values', 
       backgroundColor: 'rgba(0, 129, 214, 0.8)', 
       data: vals 
      }] 
    }, 
    options: { 
     tooltips: { 
      callbacks: { 
       label: function (t, d) { 
         var xLabel = d.datasets[t.datasetIndex].label; 
         var yLabel = t.yLabel >= 1000 ? '$' + t.yLabel.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") : '$' + t.yLabel; 
         return xLabel + ': ' + yLabel; 
        } 
       } 
      } 
     }, 
     legend: { 
      display: false, 
      position: 'top', 
     }, 
     scales: { 
      yAxes: [{ 
        ticks: { 
         beginAtZero: true, 
         callback: function (value, index, values) { 
          if (parseInt(value) >= 1000) { 
           return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
          } else { 
           return '$' + value; 
          } 
         } 
        } 
       }] 
     } 
    } 
}); 

答えて

0

私はhttp://jshint.com/であなたのsnipppetを入れて、私はあなたが文字通り最後の中括弧を削除する必要があると思う - 次のことを試してください。

編集このスニペットは、実際に私はこれを試してみてください意味、実行されません調整。

var ctx = document.getElementById('canvasone').getContext('2d'); 
 
var chart = new Chart(ctx, { 
 
    data: { 
 
     type: 'bar', 
 
     labels: yoylabels, 
 
     datasets: [{ 
 
       label: 'Dollar Values', 
 
       backgroundColor: 'rgba(0, 129, 214, 0.8)', 
 
       data: vals 
 
      }] 
 
    }, 
 
    options: { 
 
     tooltips: { 
 
      callbacks: { 
 
       label: function (t, d) { 
 
         var xLabel = d.datasets[t.datasetIndex].label; 
 
         var yLabel = t.yLabel >= 1000 ? '$' + t.yLabel.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") : '$' + t.yLabel; 
 
         return xLabel + ': ' + yLabel; 
 
        } 
 
       } 
 
      } 
 
     }, 
 
     legend: { 
 
      display: false, 
 
      position: 'top', 
 
     }, 
 
     scales: { 
 
      yAxes: [{ 
 
        ticks: { 
 
         beginAtZero: true, 
 
         callback: function (value, index, values) { 
 
          if (parseInt(value) >= 1000) { 
 
           return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 
 
          } else { 
 
           return '$' + value; 
 
          } 
 
         } 
 
        } 
 
       }] 
 
     } 
 
    } 
 
);

+0

私はあなたのスニペットを実行すると、私はエラーを取得します。私はスタックオーバーフローではなく、私のIDEでそれを実行する必要がありますか? – BellHopByDayAmetuerCoderByNigh

+1

スニペットはここでは実行されません。なぜなら、残りのコードの完全なコンテキストを持たないからです。シンタックスハイライトのスニペットを使用していただけです。あなたのコードでその編集を行い、tiが動作するかどうかを確認してください。 – sauntimo

+0

私はあなたを得ました - ありがとう、それは私のIDEで動作します。 – BellHopByDayAmetuerCoderByNigh

関連する問題