level 1
冰兰姐夫
楼主
我用的是官网下载的最新版本的echarts.js文件，我的路径是<script src="__PUBLIC__/Admin/echarts-2.2.7/build/dist/echarts.js"></script>，问题是图表刷新不出来，如果我把你们echarts.js文件引入则没有任何问题，请懂得同学给我解答下，不胜感激。环境是ｌａｍｐ.你们官网的路径是<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script> 报错：echarts is not defined，这个怎么改，和你们官网的例子基本是一样的啊。请问怎么改？能否告知下，网上搜了，也没说清楚。感叹号那个地方是出错的地方。下面是代码
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>
<body style="height: 50%; margin: 0">
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="height:100%"></div>
<!-- ECharts单文件引入 -->
<script src="__PUBLIC__/Admin/echarts-2.2.7/build/dist/echarts.js"></script>（！！！就是这个地方有问题，如果换成官方的js就没有问题！！<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>换成这个就没有问题了）
<script type="text/javascript">
var dom = document.getElementById('main');
var myChart = echarts.init(dom);
var app = {};
option = null;
function fetchData(cb) {
// 通过 setTimeout 模拟异步加载
setTimeout(function () {
cb({
categories: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"],
data: [5, 20, 36, 10, 10, 20]
});
}, 1000);
}
// 初始 option
option = {
title: {
text: '异步数据加载示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: []
}]
};
fetchData(function (data) {
myChart.setOption({
xAxis: {
data: data.categories
},
series: [{
// 根据名字对应到相应的系列
name: '销量',
data: data.data
}]
});
});;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
2017年02月04日 03点02分
1
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>
<body style="height: 50%; margin: 0">
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="height:100%"></div>
<!-- ECharts单文件引入 -->
<script src="__PUBLIC__/Admin/echarts-2.2.7/build/dist/echarts.js"></script>（！！！就是这个地方有问题，如果换成官方的js就没有问题！！<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>换成这个就没有问题了）
<script type="text/javascript">
var dom = document.getElementById('main');
var myChart = echarts.init(dom);
var app = {};
option = null;
function fetchData(cb) {
// 通过 setTimeout 模拟异步加载
setTimeout(function () {
cb({
categories: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"],
data: [5, 20, 36, 10, 10, 20]
});
}, 1000);
}
// 初始 option
option = {
title: {
text: '异步数据加载示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: []
}]
};
fetchData(function (data) {
myChart.setOption({
xAxis: {
data: data.categories
},
series: [{
// 根据名字对应到相应的系列
name: '销量',
data: data.data
}]
});
});;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
