amchart, генерирующая столбчатую диаграмму (с тремя элементами), должна быть сгруппирована по месяцам - PullRequest
Новая
       5

amchart, генерирующая столбчатую диаграмму (с тремя элементами), должна быть сгруппирована по месяцам

0 голосов
/ 14 сентября 2018

Я использую Amcharts, для генерации 3 столбцов за каждый месяц, я пробовал много попыток, но это не получилось должным образом.Есть 3 столбца, которые должны генерироваться ежемесячно.Например, на июль все они должны быть нанесены на график, также на август и сентябрь и т. Д.

Вот мой fiddle . Not sure what I am missing here. I am trying something like : этот jsfiddle 

  var chart = AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "startDuration": 2,
  "dataProvider": [{
    "country": "China",
    "visits": 2,
    "color": "#FF6600"
  }, {
    "country": "Germany",
    "visits": 5,
    "color": "#FCD202"
  },{
    "country": "Spain",
    "visits": 9,
    "color": "#0D8ECF"
  }],
  "valueAxes": [{
    "position": "left",
    "title": "Visitors"
  }],
  "graphs": [{
    "balloonText": "[[category]]: <b>[[value]]</b>",
    "colorField": "color",
    "fillAlphas": 1,
    "lineAlpha": 0.1,
    "type": "column",
    "valueField": "visits"
  }],
  "depth3D": 20,
  "angle": 30,
  "chartCursor": {
    "categoryBalloonEnabled": false,
    "cursorAlpha": 0,
    "zoomable": false
  },
  "categoryField": "country",
  "categoryAxis": {
    "gridPosition": "start",
    "labelRotation": 90
  },
  "listeners": [{
    "event": "clickGraphItem",
    "method": function(event) {
      alert(event.item.category);
    }
  }]
});

Любые предложения будутвысоко ценится!

1 Ответ

0 голосов
/ 14 сентября 2018

Вы не указываете, для каких данных вам нужно строить бары. Вам нужно включить столбцы, которые вы хотите построить, в поле graphs ваших данных

например: 

"graphs": [{
    "balloonText": "[[category]]: <b>[[value]]</b>",
    "colorField": "color",
    "fillAlphas": 1,
    "lineAlpha": 0.1,
    "type": "column",
    "valueField": "europe"
}]
...