说实话是我第一次写这种东西,写的有问题请告诉我,我也是新手,想记录下自己开始编程的过程。
我用的是linechart,所以就下了两个js,一个是echsrts.js,一个是line.js,官网上有2个echarts,千万别下错了。
require.config({
paths:{
echarts: '/js/echarts'
}
});
function graph () {
require(
[
'echarts',
'echarts/chart/line'
],
function (ec) {
var myChart = ec.init(document.getElementById('priceTrendChart'));
var dateType = $("input[name='dateType']:checked").val();
var option={
tooltip : {
trigger: 'axis',
formatter:function(params){
if(params.length>0){
var str=params[0].name+'</br>';
for(var i in params){
str+=params[i].seriesName+':'+(params[i].value==""?"无数据":params[i].value+'元/平米')+'</br>';
}
return str;
}
}
},
legend: {
padding:0,
x : 360,
y : 0,
data:[]
},
grid:{
x:60,y:20,x2:0,y2:23
},
xAxis : [
{
type : 'category',
boundaryGap : true,
data : [],
splitLine:false,
axisLabel: {
interval:1
}
}
],
yAxis : [
{
name : '单位:元/平方米',
min:0,
max:20000,
type : 'value',
axisLabel : {
formatter: '{value}'
}
}
],
series : []
};
$.ajax({
url:'/sale/priceTrendChart.do',
type:'get',
dataType: 'json',
data:{"floorId":'${sale.floorid}',"dateType":dateType},
success:function(data){
option.yAxis[0].min=data[3].min;
option.yAxis[0].max=data[4].max;
option.legend.data=data[1].legend;
option.xAxis[0].data = data[2].xAxis;
option.series = data[0].series;
myChart.setOption(option);
}
});
}
);
}
graph();
这个是js中的代码,然后我是给数组传值,自己封装json格式,比较丑陋,然后到现在ie6还有bug,也不知道是什么原因,如果有大神,求指导小弟一二,谢谢。