echarts-gl 如何兼容IE10
1个回答
2018-07-30 · 百度知道官方认证企业
腾讯电脑管家
腾讯电脑管家是腾讯公司推出的免费安全管理软件，能有效预防和解决计算机上常见的安全风险，并帮助用户解决各种电脑“疑难杂症”、优化系统和网络环境，是中国综合能力最强、最稳定的安全软件。
向TA提问
关注
![]()
展开全部
官方推荐使用模块化单文件引入，我不知道模块化，所以采用了标签式单文件引入。
[html] view plain copy print?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>echarts测试</title>
</head>
<body>
<!-- 第二步：为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main"
style="height: 400px; width: 800px; border: 1px dotted black"></div>
<!-- 第一步：标签式单文件引入。引入之后可以直接使用echarts对象。 -->
<script src="../js/echarts-plain-original.js"></script>
<!-- 注意顺序，使用echarts对象要在引入echarts文件之后 -->
<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>
[html] view plain copy print?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>echarts测试</title>
</head>
<body>
<!-- 第二步：为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main"
style="height: 400px; width: 800px; border: 1px dotted black"></div>
<!-- 第一步：标签式单文件引入。引入之后可以直接使用echarts对象。 -->
<script src="../js/echarts-plain-original.js"></script>
<!-- 注意顺序，使用echarts对象要在引入echarts文件之后 -->
<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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
