具有多个系列的 YUI 图表

Question

我想用

创建一个图表

• x 轴上的天数（从 1 到 30 的任意数字）
• y 轴为 24 小时
• 三个系列以日期/时间坐标绘制到图表中

我还有一个问题。 一个系列不断获得双轴标签。

var myAxes = {
            dateRange: {
                calculateEdgeOffset: true,
                keys: ["date"],
                position: "bottom",
                type: "time",
                labelFormat: "%e %b %Y",
                styles: {
                    majorTicks: { display: "none" },
                    label: { rotation: -65, margin: { top: 5 } },
                    marker: { shape: "rect" },
                    line: { weight: 0 }
                }
            },
            timestamp: {
                keys: ["minutes"],
                position: "left",
                labelFunction: function (val) {
                    var display = padLeft(Math.floor(val / 60), 2, "0");
                    display += ":" + padLeft((val % 60), 2, "0");
                    return display;
                }
            }
        };

“dateRange”很好，但“timestamp”不断在左侧获取我自己的“labelFunction”覆盖值，在右侧获取自动生成的值。

工作示例代码：http://jsfiddle.net/madmital/Nqa6R/

Answer 1

我最终离开了 YUI 图表，转而使用 Google 图表 - https://developers.google.com/chart/ - 这对我来说更容易使用。