开发者社区> 问答> 正文

使用echarts在 调用zender时 报错[MODULE_MISS]"zre?400报错

使用echarts在 调用zender时 报错[MODULE_MISS]"zrender/tool/color" is not exists!? 400 报错

@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>

展开
收起
优选2 2020-06-05 16:41:31 706 0
1 条回答
写回答
取消 提交回答
  • 跟echarts和zrender都没关系,学学模块化开发基础,基本的异步没理解,实在搞不懂就用标签式引入吧~

    2020-06-05 16:41:49
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Semantic Search--Fast Results from Large,Foreign Language Corpora 立即下载
Let's Work Together On The Future Of JavaScript Through TC39 立即下载
低代码开发师(初级)实战教程 立即下载