@Kener-林峰 你好,想跟你请教个问题:
<script type="text/javascript">
require.config({
packages: [
{
name: 'echarts',
location: '/js/echarts/src',
main: 'echarts'
},
{
name: 'zrender',
//location: 'http://ecomfe.github.io/zrender/src',
location: '/js/zrender/src',
main: 'zrender'
}
]
});
$(function () {
loadSaleRegion('arealist');
});
function loadSaleRegion(domId)
{
var option = {
title : {
text: '销售排行',
x:'center',
textStyle:{
color:'rgb(216,217,220)',
}
},
grid:{
x:50,
y:30,
y2:30,
width:100,
},
tooltip : {
trigger: 'axis'
},
calculable : true,
xAxis : [
{
type : 'value',
boundaryGap : [0, 0.01],
axisLabel:{
textStyle:
{
color:'rgb(216,217,220)',
},
}
}
],
yAxis : [
{
type : 'category',
data : ['北京','上海','深圳','武汉','长沙'],
axisLabel:{
textStyle:
{
color:'rgb(216,217,220)',
},
}
}
],
series : [
{
name:'2011年',
type:'bar',
data:[10,20,30,40,50],
itemStyle:
{
normal:
{
borderColor:'red',
color: (function () {
var zrColor = require('zrender/tool/color');
return zrColor.getLinearGradient(
200, 0, 400, 0,
[[0, '#00008B'], [1, '#00BFFF']]
)
})()
},
}
}
]
};
require(
[
'echarts',
'echarts/chart/bar',
'echarts/chart/pie'
],
function(ec) {
var myChart = ec.init(document.getElementById(domId));
myChart.setOption(option);
}
);
}
</script>
跟echarts和zrender都没关系,学学模块化开发基础,基本的异步没理解,实在搞不懂就用标签式引入吧~
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。