如何在不重复javascript代码的情况下添加多个图表？函数createChart（divId，data）{ var myChart=echarts.init（document.getElementById（divId））；选项={ xAxis：{ 类型：'类别'，数据：[周一、周二、周三、周四、周五、周六、周日] }, 亚克斯：{ 类型：“值” }, 系列：[{ 数据：数据，类型：'bar' }] }; myChart.setOption（选项）； } createChart（'main1'，[10,20,30,40,50,60,70]）； createChart（'main2'，[15,25,35,45,55,65,75]）；_Javascript_Html_Echarts

如何在不重复javascript代码的情况下添加多个图表？函数createChart（divId，data）{ var myChart=echarts.init（document.getElementById（divId））；选项={ xAxis：{ 类型：'类别'，数据：[周一、周二、周三、周四、周五、周六、周日] }, 亚克斯：{ 类型：“值” }, 系列：[{ 数据：数据，类型：'bar' }] }; myChart.setOption（选项）； } createChart（'main1'，[10,20,30,40,50,60,70]）； createChart（'main2'，[15,25,35,45,55,65,75]）；

javascript html

如何在不重复javascript代码的情况下添加多个图表？函数createChart（divId，data）{ var myChart=echarts.init（document.getElementById（divId））；选项={ xAxis：{ 类型：'类别'，数据：[周一、周二、周三、周四、周五、周六、周日] }, 亚克斯：{ 类型：“值” }, 系列：[{ 数据：数据，类型：'bar' }] }; myChart.setOption（选项）； } createChart（'main1'，[10,20,30,40,50,60,70]）； createChart（'main2'，[15,25,35,45,55,65,75]）；,javascript,html,echarts,Javascript,Html,Echarts,它显示空白元素！它在控制台中显示以下错误： ReferenceError:未定义echarts 未声明HTML文档的字符编码。如果文档包含US-ASCII范围之外的字符，则在某些浏览器配置中，文档将呈现乱码文本。页面的字符编码必须在文档或传输协议中声明。您完全可以通过创建可配置函数来实现。现在，我已经配置了两个属性divid和data。您可以配置其他属性并将其传递给此公共函数请查看以下工作代码：函数createChart（divId，数据）{ var myChart=echarts.in

它显示空白元素！它在控制台中显示以下错误： ReferenceError:未定义echarts

未声明HTML文档的字符编码。如果文档包含US-ASCII范围之外的字符，则在某些浏览器配置中，文档将呈现乱码文本。页面的字符编码必须在文档或传输协议中声明。

您完全可以通过创建可配置函数来实现。现在，我已经配置了两个属性divid和data。您可以配置其他属性并将其传递给此公共函数

请查看以下工作代码：

函数createChart（divId，数据）{
var myChart=echarts.init（document.getElementById（divId））；
选项={
xAxis：{
类型：'类别'，
数据：[周一、周二、周三、周四、周五、周六、周日]
},
亚克斯：{
类型：“值”
},
系列：[{
数据：数据，
类型：'bar'
}]
};
myChart.setOption（选项）；
}
createChart（'main'，[10,20,30,40,50,60,70]）；
createChart（'main-2'，[15,25,35,45,55,65,75]）

您面临什么错误？您能创建一个工作实例吗？但您能为我解释一下为什么将脚本放在正文中吗？问题是echart库（脚本标记）是在我们的代码之后编写的。但是我们的代码需要echart Librarray才能正常工作，这就是为什么没有定义echart的错误。我们需要在body标记底部添加javascript代码的另一个原因是，我们希望在执行任何JS代码之前加载所有HTML代码。
<HTML>
<HEAD>
<script>
function createChart(divId, data) {
  var myChart = echarts.init(document.getElementById(divId));

  option = {
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      data: data,
      type: 'bar'
    }]
  };

  myChart.setOption(option);
}

createChart('main1', [10,20,30,40,50,60,70]);
createChart('main2', [15,25,35,45,55,65,75]);
</script>
</HEAD>
<BODY>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.7.0/echarts.min.js"></script>

<div id="main1" style="width:100%;height:400px;"></div>
<div id="main2" style="width:100%;height:400px;"></div>
</BODY>
</HTML>