Question

关于这个问题，我已经搜索了很多答案。但是这些都是针对Angular 2+的，但是我必须使用Angular1.5.3，所以我只能使用nvd-3 1.0.9。

所以这是我的选择：

 $scope.optionsUTforecast = {
      chart: {
        type: 'lineChart',
        height: $(window).height() * 0.45,
        margin: {
          top: 25,
          right: 50,
          bottom: 25,
          left: 35
        },
        x: function (d) {
          return d.label;
        },
        y: function (d) {
          return d.value;
        },
        showValues: false,
        duration: 200,
        transitionDuration: 500,
        useInteractiveGuideline: true,
        clipEdge: false,
        // strokeOpacity: 2,
        xAxis: {
          showMaxMin: false,
          tickValues: [0, 1, 2, 3, 4, 5, 6],
          tickFormat: function (d) {
            // return d3.time.format('%b %Y')(new Date(d));
            return days[d]
          }
        },...

我的数据：

 $scope.data4UTforecast = [{
      key: "UI Forecast",
      values: [{
          "label": "Monday",
          "value": 33
        }, {
          "label": "Tuesday",
          "value": 67
        },
        ... ...

并且我已经定义了

var days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]

这对我不起作用。希望任何人都能告诉我使用xAxis字符串值的正确方法。（1.0.9）

如何将字符串用作Angular-nvd3（1.0.9）lineChart的xAxis？

0 个答案: