Question

在我的代码中，当我没有将值放在var line1中时，我想设置y轴'0'。现在我没有提供有关['2013-01-25 11:23 am']的信息。

在这种情况下，我想将y-asix值设置为0.不，它不能那样工作。

我该怎么办？

function Drawchart() {

    this.showChart = function() {
        $(document).ready(
                function() {

                    var line1 = [ [ '2013-01-25 11:20am', 20 ],
                            [ '2013-01-25 11:35AM', 30 ],
                            [ '2013-01-25 11:36AM', 7 ],
                            [ '2013-01-25 11:37AM', 3 ],
                            [ '2013-01-25 11:38AM', 1 ],
                            [ '2013-01-25 11:39AM', 2 ] ];
                    var plot2 = $.jqplot('chart', [ line1 ], {
                        title : 'Customized Date Axis',
                        gridPadding : {
                            right : 35
                        },
                        axes : {
                            xaxis : {
                                renderer : $.jqplot.DateAxisRenderer,
                                pad : 0,
                                tickOptions : {
                                    angle : -90,
                                    fontSize : "5pt",
                                    formatString : '%I:%M%p '
                                },
                                min : '11:00 AM',
                                tickInterval : '1 minute'
                            },
                            yaxis : {

                                min : 0
                            }

                        },
                        series : [ {
                            lineWidth : 4,
                            color : '#000000',
                            markerOptions : {
                                style : 'square'
                            }
                        } ]
                    });
                });
    }
}

Answer 1

你不能因为JQPlot需要知道必须在系列中绘制哪些点。

您需要像下面这样设置0点：['2013-01-25 11:23am',0]并将它们包含在数组中。

   var line1=[['2013-01-25 11:20am',20],['2013-01-25 11:23am',0],['2013-01-25 11:35AM',30],['2013-01-25 11:36AM',7],['2013-01-25 11:37AM',3],['2013-01-25 11:38AM',1],['2013-01-25 11:39AM',2]];

Answer 2

那些0是实际数据点吗？如果是这样，那么您应该使用该数据构建line1或在jqplot之外增加它。

也许对你有帮助的是canvas overlay

$.jqplot('chart', [ line1 ], { 
    ...
    canvasOverlay: {
        show: true,
        objects: [
            {horizontalLine: {
                name: '',
                y: 0,
                lineWidth: 3,
                xOffset: 0,
                color: 'rgb(89, 198, 154)',
                shadow: false
            }}
        ]
    }  // end canvasOverlay
}); // end jqplot

jqplot设置默认值

2 个答案: