我試圖在單個 HTML 頁面上顯示更多 Chart.js 圖形，但它不起作用。我嘗試了幾種方法，但都沒有取得積極的結果。我將附上我的代碼：@extends('layouts.app')<!DOCTYPE html><html>@section('content')<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/patternomaly.min.js"></script> @php $dates = ''; $rates = ''; $graph_data = \App\Helpers\NjHelper::bettingData(); foreach ($graph_data as $item){ $dates .= "'".$item->date."',"; $rates .= $item->bankers.","; } @endphp @php $datesValue = ''; $ratesValue = ''; $graph_data_value = \App\Helpers\NjHelper::bettingDataValueBets(); foreach ($graph_data_value as $item){ $datesValue .= "'".$item->date."',"; $ratesValue .= $item->value_bet.","; } @endphp<script>$(function () {var ctx = document.getElementById('myChart').getContext('2d');var myChart = new Chart(ctx, { type: 'line', data: { labels: [{!! $dates !!}], datasets: [{ label: 'Bankers Profit Per Day', data: [{!! $rates !!}], borderColor: [ 'rgba(243, 156, 18, 1)', 'rgba(243, 156, 18, 1)', 'rgba(243, 156, 18, 1)' ], borderWidth: 3 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] }, legend: { labels: { fontSize: 20 } } }});我想要顯示的數據來自一些 SQL 查詢，這就是為什么我在圖表之前有這兩個 @php 部分的原因。我的 HTML 頁面上僅顯示第一個圖表，即名稱為“myChart”的圖表。有誰知道我可以做什么才能讓第二個也出現？
1 回答
繁星coding
TA貢獻1797條經驗 獲得超4個贊
在下面一行：
var ctx_2 = document.getElementById(chartValueBets).getContext('2d');“chartValueBets”周圍缺少引號。如果添加引號，它應該可以正常工作。
- 1 回答
- 0 關注
- 169 瀏覽
添加回答
舉報
0/150
提交
取消