xChart demo -- line

//chart的数据格式，xChart中所有的图表数据格式都是这样的二维数组，
//第一行是表头。
var data= [
            ["xfield","uv" ,"pv" ,"click", "ppc"],
            [ 1      , 101 , 300  , 33    , 0.2],
            [ 2      , 67  , 51  , 26    , 0.5],
            [ 3      , 130 , 50  , 50    , 0.8],
            [ 4      , 101 , 60  , 33    , 0.4],
            [ 5      , 67  , 91  , 126   , 0.22 ],
            [ 6      , 30  , 50 , 90     , 0.35],
            [ 7      , 51  , 120 , 33    , 0.91],
            [ 8      , 67  , 51  , 86    , 0.1],
            [ 9      , 120 , 90  , 150   , 0.34 ]
                
        ];

/*
var data = [
    { xfield : 1, uv: null, pv: undefined, click: null },
    { xfield : 2, uv: 0, pv: "", click: ""},
    { xfield : 3, uv: 23, pv: 145, click : undefined },
    { xfield : 4, uv : 232, pv: 32, click : 123 },
    { xfield : 5, uv : 232, pv: 123, click : 63 },
    { xfield : 6, uv : 43, pv: 213, click : 42 },
    { xfield : 7, uv : 23, pv: 152, click : 62 },
    { xfield : 8, uv : 122, pv: 53, click : 35 },
    { xfield : 9, uv : 23, pv: 45, click : 103 },
    { xfield : 10, uv : 64, pv: 75, click : 74 },
    { xfield : 11, uv : 212, pv: 74, click : 43 },
    { xfield : 12, uv : undefined, pv: 19, click : 7 }
]
*/

var options = {
    coord : {
        type : "box",

xAxis : {
            field : "xfield",
        },
        yAxis : [
            {
                name : "ppc",
                label:{
                    format:(val)=>{
                        return Math.round(val * 100)+'%';
                    }
                }
               
            }

],
        zAxis:{
            dataSection:["点击率","点击,成交","页面访问数"]
        },
        controls:{
            autoRotate:false 
        }
    },
    graphs : [
        { 
            type : "line",
            field : ["click"] , 
            yAxisName:"click" 
        },{ 
            type : "line",
            field : [["uv","pv"]] , 
            yAxisName:"uv" 
        },{ 
            type : "line",
            field : ["ppc"] , 
            yAxisName:"ppc" 
        }

]
      
};

window.line = Chartx3d.create("canvasTest" , data , options)

折线图（bar chart）

联系人：@不决