1. 为ECharts准备一个具备大小(宽高)的Dom
<div id="content" style="height:280px;"></div>
2.js设置
//创建图表
function initBarChar(data){
//自定义数据
var xArray=[];
var series=[
{name:'表数量', type:'bar',data:tableArray},
{name:'视图数量', type:'bar',data:viewArray},
{name:'字段数量', type:'bar',data:columnArray}
];
// 路径配置
require.config({
paths:{
'echarts' : 'js/echarts',
'echarts/chart/bar' : 'js/echarts'
}
});
// 使用
require(
[
'echarts',
'echarts/chart/bar' // 使用柱状图就加载bar模块,按需加载
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('line1'));
var option={
tooltip : {
trigger: 'axis'
},
legend: {
data:['表数量','视图数量','字段数量']
},
dataZoom : {
show : true,
reltime: false,
start: 0,
end: 100
},
toolbox: {
show : true,
feature : {
restore : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
data : xArray,
axisLabel:{
rotate:0
}
}
],
yAxis : [
{
type : 'value',
splitArea : {show : true}
}
],
series :series
};
// 为echarts对象加载数据
myChart.setOption(option);
}
);
}