如何從標簽圖表JS獲取線X值

Question

我想在js中創建一個圖表。 通過從sql中選擇數據並獲取條件，我從Label獲得了標簽行x的值，但是當我設置labels = Label ，圖表不顯示。
請幫助我，我嘗試了所有建議。

lbldate.Text = lbldate.Text + D1 +“，” + D2 +“，” + D3 +“，” + D4 +“，”;

  <script type="text/javascript"> var ldate = $('[id*=lbldate]').val(); var config = { type: 'line', data: { labels: ldate, datasets: [{ label: "My First dataset", data: [65, 40, 80, 81, 56, 85, 45], backgroundColor: "rgba(255,99,132,0.2)", }, { label: "My Second dataset", data: [40, 80, 21, 56, 85, 45, 65], backgroundColor: "rgba(99,255,132,0.2)", }] }, scales: { xAxes: [{ gridLines: { display: false, lineWidth: 1, zeroLineWidth: 1, zeroLineColor: '#666666', drawTicks: false }, ticks: { display: true, stepSize: 0, min: 0, autoSkip: false, fontSize: 11, padding: 12 } }], yAxes: [{ ticks: { padding: 5 }, gridLines: { display: true, lineWidth: 1, zeroLineWidth: 2, zeroLineColor: '#666666' } }] }, spanGaps: true, responsive: true, maintainAspectRatio: true }; var ctx = document.getElementById("myChart").getContext("2d"); new Chart(ctx, config); </script> 

 <asp:Label ID="lbldate" runat="server" Text=""></asp:Label> <div class="myChart"> <canvas id="myChart"></canvas> </div> 

Answer 1

檢查創建新圖表https://www.chartjs.org/docs/latest/developers/charts.html ，您缺少選項，結構應類似於：

    new Chart(ctx, {
        type: 'MyType',
        data: data,
        options: options
    });

接下來的事情是，發送到圖表的標簽應該在數組中，不能像labels: something那樣寫labels: something它應該是labels: [something] ，因為它試圖用標簽映射數組，而您沒有數組，那么它重現錯誤。