Как использовать строку как Angular-nvd3 (1.0.9) в xAxis lineChart? - PullRequest
Новая
       34

Как использовать строку как Angular-nvd3 (1.0.9) в xAxis lineChart?

0 голосов
/ 17 апреля 2019

Я искал много ответов на этот вопрос.но это все для 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)

...