Echarts에서 모듈 패키지를 가져 오는 방법은 무엇입니까?

Question

Echarts에서 모듈 패키지를 가져 오는 방법을 알고 싶습니다. 나는이 링크에서 자신의 문서,

Echarts Documentation

을 읽었습니다하지만 난 아직도 내가 가지고 그 코드를 넣어하는 방법을 몰라?

var option = { 
tooltip : { 
    trigger: 'axis' 
}, 
legend: { 
    data:['a','b'] 
}, 
toolbox: { 
    show : true, 
    feature : { 
     mark : {show: true}, 
     dataView : {readOnly:false}, 
     magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']}, 
     restore : {show: true}, 
     saveAsImage : {show: true} 
    } 
}, 
calculable : true, 
dataZoom : { 
    show : true, 
    realtime : true, 
    start : 40, 
    end : 60 
}, 
xAxis : [ 
    { 
     type : 'category', 
     boundaryGap : true, 
     data : ['sorong','papua','banjarmasin'] 
    } 
], 
yAxis : [ 
    { 
     type : 'value' 
    } 
], 
series : [ 

    { 
     name:'b', 
     type:'bar', 
     data:[23,34,56] 
    } 
] 
}; 

var ecConfig = require('echarts/config'); 
function eConsole(param) { 
    var mes = ''; 
    if (typeof param.seriesIndex != 'undefined') { 
    window.open("/"+param.name, '_blank'); 
    win.focus(); 
} 
if (param.type == 'hover') { 
    document.getElementById('hover-console').innerHTML = 'Event Console : ' + mes; 
} 
else { 
    document.getElementById('console').innerHTML = mes; 
} 
console.log(param); 
} 

return myChart.setOption(option).on(ecConfig.EVENT.CLICK, eConsole); 

Answer 1

당신은 문서를 아래의 텍스트를 볼 수 :

require.config({ 
packages: [ 
    { 
     name: 'echarts', 
     location: '../../src', 
     main: 'echarts' 
    }, 
    { 
     name: 'zrender', 
     location: '../../../zrender/src', 
     main: 'zrender' 
    } 
] 
}); 

는이 내 차트에 대한 코드입니다.

 

//from echarts example 
 

 



... 
<script src="./js/echarts.js"></script> 
<script type="text/javascript"> 
    require.config({ 
     paths: { 
      echarts: './js/dist' 
     } 
    }); 
    require(
     [ 
      'echarts', 
      'echarts/chart/line', // load-on-demand, don't forget the Magic switch type. 
      'echarts/chart/bar' 
     ], 
     function (ec) { 
      var myChart = ec.init(document.getElementById('main')); 
      var option = { 
       ... 
      } 
      myChart.setOption(option); 
     } 
    ); 
</script>