echarts图表我在一个页面上做了两个柱状图，第一个有数据显示，第二个却不显示，数据都是在后台定义的一个字符串。
你看下是不是因为这两个柱状图用了同一个ID。
<pre><code> var myChart = echarts.init(document.getElementById('main')); // 显示标题，图例和空的坐标轴 // 初始 option var option = { title: { text: '<%=year1() %>年每月收入显示' }, tooltip: {}, legend: { data: ['金额'] }, xAxis: { data: [] }, yAxis: {}, series: [{ label: { normal: { show: true, position: 'insideTop' } }, name: '金额', type: 'bar', data: [] }] }; function fetchData(cb) { // 通过 setTimeout 模拟异步加载 setTimeout(function () { cb({ categories: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"], data: [<%=getMoney() %>] }); }); } // 异步加载数据 fetchData(function (data) { myChart.setOption({ xAxis: { data: data.categories }, series: [{ // 根据名字对应到相应的系列 name: '金额', data: data.data }] }); }); myChart.setOption(option); var myChart1231 = echarts.init(document.getElementById('dsa')); // 显示标题，图例和空的坐标轴 // 初始 option var twooption = { title: { text: '<%=year() %>年每月收入显示' }, tooltip: {}, legend: { data: ['金额'] }, xAxis: { data: [] }, yAxis: {}, series: [{ label: { normal: { show: true, position: 'insideTop' } }, name: '金额', type: 'bar', data: [] }] }; function fetchData(cb) { // 通过 setTimeout 模拟异步加载 setTimeout(function () { cb({ categories: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"], data: [<%=getMoney1() %>] }); }); } // 异步加载数据 fetchData(function (data) { myChart.setOption({ xAxis: { data: data.categories }, series: [{ // 根据名字对应到相应的系列 name: '金额', data: data.data }] }); }); myChart1231.setOption(twooption); </code></pre> <p>