使用jqPlot在图表右侧显示Y轴

时间:2010-09-24 11:17:15

标签: javascript jquery jqplot

我使用下面的代码在右侧显示jqPlot的Y轴,但它只在左侧显示我:

$.jqplot.config.enablePlugins = true;

        var test2 = readXML(posi);

        plot2 = $.jqplot('chart2', [test2], {
            series: [{ renderer: $.jqplot.OHLCRenderer, rendererOptions: { candleStick: true, wickColor: '282828',
                upBodyColor: '00C000', fillUpBody: true, downBodyColor: 'F81700',
                fillDownBody: true, lineWidth: 1.5, tickLength: true, background: 'C8C8C6',
                closeColor: '282828', openColor: '282828'
            }
            }, { xaxis: 'x2axis', yaxis: 'y2axis'}],
            axesDefaults: {
                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                tickOptions: {
                    angle: 30
                }
            },
            axes: {
                xaxis: {
                    renderer: $.jqplot.CategoryAxisRenderer
                },
                x2axis: {
                    renderer: $.jqplot.CategoryAxisRenderer
                },
                yaxis: {
                    autoscale: true
                },
                y2axis: {
                    autoscale: true
                }
            }
        });

请告诉我,我的错误在哪里。

我从参考文献中得到了上面的代码:http://www.jqplot.com/tests/canvasAxisTests.php在这里,第三个例子显示了右侧的值。我正在使用jqPlot的烛台图。

由于

1 个答案:

答案 0 :(得分:1)

看一下jqplot附带的CSS文件。它定义了jqplot-yaxis的设置,因此您可以使用它来设置所需的位置。