amChart中不工作的标签频率属性

Question

​

​

我们已经使用堆叠amChart(串行)来显示图形。我们增加了一个过滤器功能，graphs.The用户可以根据周，月，季度过滤数据。我们用的是鞋带。amChart放置在具有"col-md-6“类的div中。当用户选择周过滤器时，有52 lables.At的横图，这个时间条很薄。要提高标签频率，要分析data.So是非常困难的。我们已将标签频率设置为5，但没有改变。

AmCharts.makeChart("stackedChart", {

                     "type": "serial",
                     "theme": "light",
                     "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",                           
                          "labelFrequency": 5,


                     },
                     "export": {
                         "enabled": true
                     }


                 });

Answer 1

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

你要找的是对图表进行预缩放.为此，您可以使用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
  }
} );