标签频率属性在amChart中不起作用

Question

我们使用堆叠的amChart（串行）来显示图形。我们为图表添加了过滤功能。用户可以根据周，月和季度过滤数据。我们使用bootstrap。 amChart被放置在具有类＆＃34; col-md-6＆＃34;的div中。当用户选择周过滤器时，amchart有52个标签。那时候条形图非常薄。分析数据非常困难。所以我们要增加标签频率。我们已将标签频率设置为5，但它没有改变

   <script>
    var htmlcontent = "<h1>Header</h1><p>This is some dynamically loaded content assigned using javascript</p>"
    document.getElementById("content").innerHTML = htmlcontent;
   </script>

Answer 1

labelFrequency可能不是最好的方法。它基本上意味着每X行网格线显示一个标签。

您正在寻找的是预缩放图表。为此，您可以使用maxSelectedSeries。即：

AmCharts.makeChart("stackedChart", {
  ...
  "maxSelectedSeries": 5,
  ...
});

此外，如果您要使用预缩放图表，则还需要滚动它的方法。为此，您需要添加一个滚动条：

AmCharts.makeChart("stackedChart", {
  ...
  "maxSelectedSeries": 5,
  "chartScrollbar": {},
  ...
});

以上适用的整个图表：

AmCharts.makeChart( "stackedChart", {
  "type": "serial",
  "theme": "light",
  "maxSelectedSeries": 5,
  "chartScrollbar": {},
  "legend": {
    "position": "right",
    "useGraphSettings": true,
  },
  "dataProvider": data,
  "valueAxes": [ {
    "stackType": "regular",
    "axisAlpha": 0.3,
    "gridAlpha": 0,
    "position": "left",
    "gridCount": 5
  } ],
  "plotAreaFillAlphas": 0.1,
  "graphs": graph,
  "categoryField": "Period",
  "categoryAxis": {
    "gridPosition": "start"
  },
  "export": {
    "enabled": true
  }
} );