Javascript jqplot 1个月失败_Javascript_Jquery_Jqplot

Javascript jqplot 1个月失败

javascript jquery

Javascript jqplot 1个月失败,javascript,jquery,jqplot,Javascript,Jquery,Jqplot,由于某些原因，jqplot无法正确呈现标签，最终会将所有的线点推到图表的末尾。这是它的样子下面是它的外观：下面是包括绘图点的JS var _a212064_plot_properties; $(document).ready(function () { _a212064_plot_properties = { "legend" : { "show" : true }, "series"

由于某些原因，jqplot无法正确呈现标签，最终会将所有的线点推到图表的末尾。这是它的样子

下面是它的外观：

下面是包括绘图点的JS

var _a212064_plot_properties;
$(document).ready(function ()
{
    _a212064_plot_properties =
    {
        "legend" :
        {
            "show" : true
        },
        "series" : [
            {
                "label" : "Current Year"
            },
            {
                "label" : "Previous Year"
            }
        ],
        "axes" :
        {
            "xaxis" :
            {
                "tickOptions" :
                {
                    "formatString" : "%b"
                },
                "label" : "Date",
                "min" : "07\/01\/2012 00:00:00",
                "tickInterval" : "1 Month",
                "renderer" : $.jqplot.DateAxisRenderer,
                "properties" : "xaxis"
            },
            "yaxis" :
            {
                "tickRenderer" : $.jqplot.CanvasAxisTickRenderer,
                "tickOptions" :
                {
                    "angle" : -30,
                    "labelPosition" : "middle"
                },
                "labelRenderer" : $.jqplot.CanvasAxisLabelRenderer,
                "labelOptions" :
                {
                    "fontSize" : "13pt"
                },
                "label" : "Organic Visits",
                "properties" : "yaxis"
            }
        },
        "highlighter" :
        {
            "bringSeriesToFront" : true,
            "tooltipLocation" : "n",
            "tooltipOffset" : "0",
            "formatString" : "Point <\/span>%s: %s<\/strong><\/div>"
        },
        "cursor" :
        {
            "show" : true,
            "zoom" : true
        }
    }

    $.jqplot.config.enablePlugins = true;
    $.jqplot.config.defaultHeight = 300;
    $.jqplot.config.defaultWidth = 400;
    _a212064 = $.jqplot("a212064", [[[1341115200, 2330], [1343793600, 2768], [1346472000, 2462], [1349064000, 2331], [1351742400, 2198], [1354338000, 2258], [1357016400, 2763], [1359694800, 2399], [1362114000, 2643], [1364788800, 1550], [1367380800, 621], [1370059200, 356]], [[1341115200, 4654], [1343793600, 4105], [1346472000, 4347], [1349064000, 4163], [1351742400, 3849], [1354338000, 5579], [1357016400, 4908], [1359694800, 3690], [1362114000, 2314], [1364788800, 3173], [1367380800, 2608], [1370059200, 2330]]], _a212064_plot_properties);

}
);

var\u a212064\u plot\u属性；
$（文档）.ready（函数（）
{
_a212064_绘图_属性=
{
“传奇”：
{
“秀”：真的吗
},
“系列”：[
{
“标签”：“本年度”
},
{
“标签”：“上一年”
}
],
“轴”：
{
“xaxis”：
{
“选择”：
{
formatString:“%b”
},
“标签”：“日期”，
“min”：“07\/01\/2012 00:00:00”，
“间隔时间”：“1个月”，
“渲染器”：$.jqplot.DateAxisRenderer，
“属性”：“xaxis”
},
“yaxis”：
{
“tickRenderer”：$.jqplot.CanvasAxisTickRenderer，
“选择”：
{
“角度”：-30，
“标签位置”：“中间”
},
“labelRenderer”：$.jqplot.CanvasAxisLabelRenderer，
“标签选项”：
{
“字体大小”：“13磅”
},
“标签”：“有机访问”，
“属性”：“yaxis”
}
},
“荧光灯”：
{
“bringSeriesToFront”：没错，
“tooltipLocation”：“n”，
“工具提示偏移”：“0”，
“formatString”：“点%s:%s”
},
“光标”：
{
“秀”：真的，
“缩放”：真
}
}
$.jqplot.config.enablePlugins=true；
$.jqplot.config.defaultHeight=300；
$.jqplot.config.defaultWidth=400；
_a212064=$.jqplot（“a212064”、[[13411152002330]、[13437936002768]、[13464720002462]、[13490640002331]、[13517424002198]、[13543380002258]、[135701640002763]、[13596948002399]、[1362114002643]、[13647888001550]、[1367380800621]、[1370059200356]、[13411152004654]、[13437936004105]、[1346472000]、[1344347]，[13490640004163]、[13517424003849]、[13543380005579]、[13570164004908]、[13596948003690]、[1362114002314]、[13647888003173]、[13673808002608]、[13700592002330]、[a212064\U地块物业]；
}
);

有什么想法吗？把日期记在标签上是我最不明白的事情

谢谢！

您需要更改

xaxis

的参数

以下是代码的工作副本：

var\u a212064\u plot\u属性；
$（文档）.ready（函数（）
{
_a212064_绘图_属性=
{
“传奇”：
{
“秀”：真的吗
},
“系列”：[
{
“标签”：“本年度”
},
{
“标签”：“上一年”
}
],
“轴”：
{
“xaxis”：
{
“标签”：“日期”，
“渲染器”：$.jqplot.DateAxisRenderer
},
“yaxis”：
{
“tickRenderer”：$.jqplot.CanvasAxisTickRenderer，
“选择”：
{
“角度”：-30，
“标签位置”：“中间”
},
“labelRenderer”：$.jqplot.CanvasAxisLabelRenderer，
“标签选项”：
{
“字体大小”：“13磅”
},
“标签”：“有机访问”
}
},
“荧光灯”：
{
“bringSeriesToFront”：没错，
“tooltipLocation”：“n”，
“工具提示偏移”：“0”，
“formatString”：“点%s:%s”
},
“光标”：
{
“秀”：真的，
“缩放”：真
}
}
$.jqplot.config.enablePlugins=true；
$.jqplot.config.defaultHeight=300；
$.jqplot.config.defaultWidth=400；
_a212064=$.jqplot（“a212064”、[[13411152002330]、[13437936002768]、[13464720002462]、[13490640002331]、[13517424002198]、[13543380002258]、[135701640002763]、[13596948002399]、[1362114002643]、[13647888001550]、[1367380800621]、[1370059200356]、[13411152004654]、[13437936004105]、[1346472000]、[1344347]，[13490640004163]、[13517424003849]、[13543380005579]、[13570164004908]、[13596948003690]、[1362114002314]、[13647888003173]、[13673808002608]、[13700592002330]、[a212064\U地块物业]；
}
);

您需要更改

xaxis

的参数

以下是代码的工作副本：

var\u a212064\u plot\u属性；
$（文档）.ready（函数（）
{
_a212064_绘图_属性=
{
“传奇”：
{
“秀”：真的吗
},
“系列”：[
{
“标签”：“本年度”
},
{
“标签”：“上一年”
}
],
“轴”：
{
“xaxis”：
{
“标签”：“日期”，
“渲染器”：$.jqplot.DateAxisRenderer
},
“yaxis”：
{
“tickRenderer”：$.jqplot.CanvasAxisTickRenderer，
“选择”：
{
“角度”：-30，
“标签位置”：“中间”
},
“labelRenderer”：$.jqplot.CanvasAxisLabelRenderer，
“标签选项”：
{
“字体大小”：“13磅”
},
“标签”：“有机访问”
}
},
“荧光灯”：
{
“bringSeriesToFront”：没错，
“tooltipLocation”：“n”，
var _a212064_plot_properties;
$(document).ready(function ()
{
    _a212064_plot_properties =
    {
        "legend" :
        {
            "show" : true
        },
        "series" : [
            {
                "label" : "Current Year"
            },
            {
                "label" : "Previous Year"
            }
        ],
        "axes" :
        {
            "xaxis" :
            {

                "label" : "Date",
                "renderer" : $.jqplot.DateAxisRenderer
            },
            "yaxis" :
            {
                "tickRenderer" : $.jqplot.CanvasAxisTickRenderer,
                "tickOptions" :
                {
                    "angle" : -30,
                    "labelPosition" : "middle"
                },
                "labelRenderer" : $.jqplot.CanvasAxisLabelRenderer,
                "labelOptions" :
                {
                    "fontSize" : "13pt"
                },
                "label" : "Organic Visits"
            }
        },
        "highlighter" :
        {
            "bringSeriesToFront" : true,
            "tooltipLocation" : "n",
            "tooltipOffset" : "0",
            "formatString" : "Point <\/span>%s: %s<\/strong><\/div>"
        },
        "cursor" :
        {
            "show" : true,
            "zoom" : true
        }
    }

    $.jqplot.config.enablePlugins = true;
    $.jqplot.config.defaultHeight = 300;
    $.jqplot.config.defaultWidth = 400;
    _a212064 = $.jqplot("a212064", [[[1341115200, 2330], [1343793600, 2768], [1346472000, 2462], [1349064000, 2331], [1351742400, 2198], [1354338000, 2258], [1357016400, 2763], [1359694800, 2399], [1362114000, 2643], [1364788800, 1550], [1367380800, 621], [1370059200, 356]], [[1341115200, 4654], [1343793600, 4105], [1346472000, 4347], [1349064000, 4163], [1351742400, 3849], [1354338000, 5579], [1357016400, 4908], [1359694800, 3690], [1362114000, 2314], [1364788800, 3173], [1367380800, 2608], [1370059200, 2330]]], _a212064_plot_properties);

}
);