ECharts自定义柱状图：实现横轴多个系列项，柱子数量不等

要实现横轴为多个系列项，每个系列项拥有的柱子数量不等的自定义柱状图，可以使用ECharts的堆叠柱状图（Stacked Bar Chart）。\n\n首先，确保已经引入了ECharts库。\n\n接下来，创建一个包含数据的数组，每个元素代表一个系列项，每个系列项包含一个name和一个data属性。name表示系列项名称，data表示该系列项对应的柱子的高度。\n\n例如，数据格式如下：\n\njavascript\nvar data = [\n {\n name: '系列1',\n data: [10, 20, 30]\n },\n {\n name: '系列2',\n data: [15, 25, 35, 45]\n },\n {\n name: '系列3',\n data: [5, 15]\n }\n];\n\n\n然后，创建一个空的option对象，并设置xAxis和yAxis的相关属性。\n\njavascript\nvar option = {\n xAxis: {\n type: 'category',\n data: ['柱子1', '柱子2', '柱子3', '柱子4']\n },\n yAxis: {\n type: 'value'\n },\n series: []\n};\n\n\n接下来，遍历data数组，为每个系列项创建一个series对象，并设置其type为'bar'，name为系列项的名称，data为系列项的数据。\n\njavascript\nfor (var i = 0; i < data.length; i++) {\n var seriesObj = {\n type: 'bar',\n name: data[i].name,\n data: data[i].data\n };\n option.series.push(seriesObj);\n}\n\n\n最后，使用echarts.init初始化一个图表实例，并使用setOption方法将option设置给图表实例。\n\njavascript\nvar chart = echarts.init(document.getElementById('chart'));\nchart.setOption(option);\n\n\n这样就实现了一个自定义柱状图，横轴为多个系列项，每个系列项拥有的柱子数量不等的效果。