YUI图表有多个系列

时间:2013-09-12 10:59:05

标签: javascript charts yui yui-charts

我想用

创建一个图表
    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/

1 个答案:

答案 0 :(得分:0)

我最终离开了YUI图表并改为使用Google Charts - https://developers.google.com/chart/ - 这对我来说更容易合作。