javascript - 在 BokehJS 中添加第二个 y 轴

Question

我一直在尝试向我的 BokehJS 绘图添加第二个 y 轴，但似乎找不到正确的方法。在 python Bokeh 中我让它工作，但在 javascript 中它似乎工作不同。这是最小的例子，我如何尝试创建和使用第二个轴:

        var plt = Bokeh.Plotting;

        // create some data and a ColumnDataSource
        var x = Bokeh.LinAlg.linspace(-0.5, 20.5, 10);
        var y = x.map(function (v) { return v * 0.5 + 3.0; });
        var source = new Bokeh.ColumnDataSource({ data: { x: x, y: y }});

        var p = plt.figure({extra_y_ranges: {"y2": new Bokeh.Range1d({start: -1.5, end: 150})} });
        p.yaxis.axis_label = 'Axis Left';
        p.add_layout(new Bokeh.LinearAxis({ y_range_name: "y2", axis_label: 'Axis Right'}), 'right');

        // add a Line glyph
        var line = new Bokeh.Line({
            x: {field: "x"},
            y: {field: "y"},
            line_color: "#F00",
            line_width: 3
        });

        p.add_glyph(line, source);

        // add a Line glyph
        var line = new Bokeh.Line({
            x: {field: "x"},
            y: {field: "y"},
            line_color: "#FF0",
            line_width: 2,
            y_range_name: "y2"
        });

        p.add_glyph(line, source);

        plt.show(p);

轴显示，但线仍然使用左轴的坐标。

Answer 1

诀窍不是直接将 y_range_name 属性添加到线条，而是将线条的字形对象添加到图形:

var l = p.add_glyph(line, source);
l.y_range_name = "y2";