fusionchart 实现类时间轴

 var color = '77b6f4';
    var xml = "<chart baseFontSize='10' lineColor='77b6f4' lineThickness = '1' yAxisMaxValue='5' showYAxisValues='0' caption='' xAxisName='' yAxisName='' showNames='1' showValues='0' showToolTip = '1' showToolTipShadow='1' anchorAlpha='100' anchorRadius='2' rotateNames='1' decimalPrecision='0' formatNumberScale='0' bgAlpha='0' canvasBgColor='ffffff' canvasBorderColor='ffffff' bgColor='ffffff' canvasBorderThickness='0' divLineColor='ffffff' showBorder='0' >";
    for (i = 0; i < 12; i++) {
        if(i>3 && i<8){
            color = 'BA55D3';
        }else{
            color = '77b6f4';
        }
        xml += "<set name=\"" + i + "\" value=\""
            + 5 + "\" hoverText=\"" + 0
            + "\" Color=\""+ color + "\"/>";
    }
    xml += "</chart>"
    var myChart = new FusionCharts("../FusionCharts/Charts/Column2D.swf",
        "fusionHistoryAreaId", 800, 50, "0");
    myChart.setTransparent(true);
    myChart.setDataXML(xml);
    myChart.render("fusionHistoryArea");