echarts图表在ie8不显示，ie9显示，怎么解决这个问题

Posted 2023-03-20

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了echarts图表在ie8不显示，ie9显示，怎么解决这个问题相关的知识，希望对你有一定的参考价值。

参考技术A 1 画一个最粗糙的图表
官方推荐使用模块化单文件引入，我不知道模块化，所以采用了标签式单文件引入。

[html] view plain copy print?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>echarts测试</title>
</head>
<body>

<div id="main"
style="height: 400px; width: 800px; border: 1px dotted black"></div>


<script src="../js/echarts-plain-original.js"></script>


<script type="text/javascript">
// 初始化一个图表实例
var myChart = echarts.init(document.getElementById('main'));

// echarts把复杂的图表结构化，图表的基本结构包括以下部分：标题，x轴，y轴，数值序列。
var option =
// 标题
title :
text : '销量和进货量'
,
// x轴
xAxis : [
type : 'category',
data : [ "衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子" ]
],
// y轴
yAxis : [
type : 'value',
axisLabel :
formatter : 'value件'

],
// 数值序列
series : [
name : '销量',
type : 'line',
data : [ 5, 20, 40, 10, 10, 20 ],
]
;

// 为图表实例加载数据
myChart.setOption(option);
</script>
</body>
</html> 参考技术B 去掉多余的逗号
一般在最后一个属性结束容易多加一个，仔细看看