xChart demo -- area

//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 options = {
    coord : {
        type : "box",
        xAxis : {
            field : "xfield"
        },
        zAxis:{
            layoutType:'peak',
        }
    },
    graphs : [
        { 
            type : "area",
            field : ["uv"] 
        },
        { 
            type : "area",
            field : ["pv"] 
        }

],
    markpoint:[
        {
            markTo:'uv',
            active:'max',
            label:{
                fillStyle:'red'
            }
        },
        {
            markTo:'uv',
            active:'min',
            label:{
                fillStyle:'green'
            }
        },
        {
            markTo:'pv',
            active:'max',
            label:{
                fillStyle:'red'
            }
        },
        {
            markTo:'pv',
            active:'min',
            label:{
                fillStyle:'green'
            }
        }
    ]
      
};

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

折线图（bar chart）

联系人：@不决