//chart的数据格式，xChart中所有的图表数据格式都是这样的二维数组， //第一行是表头。 var data= [ ["xfield","uv" ,"pv","click"], [ 1 , 101 , 20 , 33 ], [ 2 , 67 , 51 , 26 ], [ 3 , 76 , 45 , 43 ], [ 4 , 58 , 35 , 31 ], [ 5 , 79 , 73 , 71 ], [ 6 , 88 , 54 , 39 ], [ 7 , 56 , 68 , 65 ], [ 8 , 99 , 83 , 51 ] ]; //chart的配置信息，所有的图表都可以极简到只需要配置xAxis，yAxis的字段 var options = { yAxis : { field : ["uv"] }, xAxis : { field : "xfield" }, graphs : { fill : { //配置折线的fill填充为一个渐变。 //我们这里的渐变只支持透明度的渐变，默认的alpha属性是一个num ， //如果你传入一个num的数组，图表就会把fill渲染出从第一个元素透明度值到第二个 //元素透明度值的渐变。 alpha : [ 0.5 , 0 ] } } }; //Chartx.line开始初始化chart实例 Chartx.line("canvasTest" , data , options);
折线图 - 填充区为渐变的折线图
联系人：@逢春 @释剑