Панель angular-nvd3 (1.0.7) discreteBarChart не отображается - PullRequest
Новая
       24

Панель angular-nvd3 (1.0.7) discreteBarChart не отображается

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

Я скопировал все параметры и источник данных из примера. и график показывает, но я не вижу баров. но если я наведу на него курсор мыши, это даст мне всплывающую подсказку. так что там есть бар, но я его не вижу ..

версия, которую я использовал, была Angular-nvd3 1.0.7

enter image description here

и код: 

$scope.option4SkillForecast2 = {
      chart: {
        // type: 'lineChart',
        type: 'discreteBarChart',
        height: $(window).height() * 0.45,
        margin: {
          top: 20,
          right: 20,
          bottom: 50,
          left: 55
        },
        x: function (d) {
          return d.label;
        },
        y: function (d) {
          return d.value;
        },
        showValues: true,
        valueFormat: function (d) {
          return d3.format('')(d);
        },
        // color: ["red", "rgb(10,20,30)", "#935bcd", "#8b7aeb", "#8b7aeb", "#3982d2", "#a6d9fd", "#75b6d2", "#93dadc", "#65d1ae", "#61c478", "#4da338", "#76ce38", "#d9ec38", "#fbe739", "#f3af2f", "#ee7b28", "#ee7b28"],
        duration: 200,
        xAxis: {
          axisLabel: 'X Axis'
        },
        yAxis: {
          axisLabel: 'Y',
          axisLabelDistance: -10
        },
        legend: {
          margin: {
            top: 8,
            right: 50
            // bottom: 10
          }
        }
      }
    }

    $scope.data4SkillForecast = [{
      // key: "Skill Forecast",
      values: [{
          "label": "A",
          "value": 45
        },
        {
          "label": "B",
          "value": 30
        },
        {
          "label": "C",
          "value": 50
        },
        {
          "label": "D",
          "value": 70
        },
        {
          "label": "E",
          "value": 100
        },
        {
          "label": "F",
          "value": 20
        },
        {
          "label": "G",
          "value": 25
        },
        {
          "label": "H",
          "value": 30
        }
      ]
    }, ];

Я не знаю, почему панель не отображается. Это ошибка или что-то не так с опцией?

1 Ответ

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

Я исправил это, используя тип: multiBarChart вместо discreteBarChart, я не знаю, почему discreteBarChart не работает. если кто-нибудь знает, пожалуйста, скажите мне.

...