我復制代碼，直接粘貼，沒有關鍵字顯示什麼顏色什麼，運行的時候有背景顏色，但是圖片出不來。怎麼辦
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.3/echarts.min.js"></script></head><body> <div id="main" style='width: 600px;height:400px;background:pink'></div> <script type="text/javascript"> var main = echarts.init(document.getElementById("main")) var option = { backgroundColor: '#2c343c', title: { text: '電影票房', left: 'center', top: 20, textStyle: { color: '#ccc' } }, tooltip: { trigger: 'item' }, visualMap: { show: false, min: 100000000, max: 10000000000, inRange: { colorLightness: [0, 1] } }, series: [ { name: '票房', type: 'pie', radius: '55%', center: ['50%', '50%'], data: [ { value: 335, name: '親情' }, { value: 310, name: '傳記' }, { value: 274, name: '冒險' }, { value: 235, name: '軍事' }, { value: 400, name: '動作' }, { value: 235, name: '動畫' }, { value: 350, name: '喜劇' }, { value: 433, name: '奇幻' }, { value: 134, name: '家庭' }, { value: 295, name: '驚悚' }, { value: 456, name: '戰爭' }, { value: 234, name: '槍戰' }, { value: 445, name: '災難' }, { value: 545, name: '愛情' }, { value: 235, name: '犯罪' }, { value: 453, name: '科幻' }, { value: 495, name: '音樂' } ].sort(function (a, b) { return a.value - b.value; }), roseType: 'radius', label: { color: 'rgba(255, 255, 255, 0.3)' }, labelLine: { lineStyle: { color: 'rgba(255, 255, 255, 0.3)' }, smooth: 0.2, length: 10, length2: 20 }, itemStyle: { color: '#c23531', shadowBlur: 200, shadowColor: 'rgba(0, 0, 0, 0.5)' }, animationType: 'scale', animationEasing: 'elasticOut', animationDelay: function (idx) { return Math.random() * 200; } } ] }; mian.setOptions(option); </script></body></html>
