心路历程-初尝echarts

说实话是我第一次写这种东西,写的有问题请告诉我,我也是新手,想记录下自己开始编程的过程。

我用的是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,也不知道是什么原因,如果有大神,求指导小弟一二,谢谢。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值