Question

我对AM图表完全不熟悉，尝试使用提供的数据源构建条形图和折线图，类别轴为日期并设置parseDates = true。在渲染图表时，月份似乎正在发生变化。对于给定的数据，当钻到几个月时，说四月柱位于五月网格线（如图），如何在正确的顺序中将其移回，在年度视图中12月位于明年网格线（十二月） 2004年是2005年。）无论如何要解决它？

我的类别轴如下

            "categoryAxis": {
                "minPeriod": "hh",
                "parseDates": true,
                "labelRotation": 45,
               "labelOffset": 0,
              "centerLabelOnFullPeriod": false,
               "dateFormats": [ 
                               {period:'hh',format:'JJ:NN'},
                                {period:'DD',format:'MMM DD'},
                               {period:'WW',format:'MMM DD'},
                               {period:'MM',format:'MMM YYYY'},
                               { period: 'YYYY', format: 'YYYY' }],

对此的任何帮助都非常感谢，

提供了

JSFiddle

enter image description here

Answer 1

查看了您的数据后，我可以看到，当您添加到图表中时，您将在该月的最后一天放置一个值。如果您可以将该值设置为每个月的第一个，那么您将获得要显示的数据。

例如，而不是使用...

{ "DateField": "2009-05-31T00:00:00", "Value1": 126.00, "Value2": -46.00, "Value3": 80.00, "Value4": 172.00 }
{ "DateField": "2009-06-30T00:00:00", "Value1": 132.00, "Value2": -49.00, "Value3": 83.00, "Value4": 181.00 }

改为使用它......

{ "DateField": "2009-05-01T00:00:00", "Value1": 126.00, "Value2": -46.00, "Value3": 80.00, "Value4": 172.00 }
{ "DateField": "2009-06-01T00:00:00", "Value1": 132.00, "Value2": -49.00, "Value3": 83.00, "Value4": 181.00 }

我还发现您的图表组件中存在错误。您已将 lineThickness 拼写为 liValue3hickness

            {
                "balloonText": "[[title]]: [[value]]% ([[category]])",
                "liValue3hickness": 3,     /*SHOULD BE "lineThickness" : 3,*/
                "title": "Value3",
                "valueField": "Value3",
                "lineColor": "#FFC000"
            }

Answer 2

我将列宽更改为＆＃34; columnWidth＆＃34;：0.5，设置＆＃34; minPeriod＆＃34;：＆＃34; MM＆＃34;和＆＃34; dateFormats＆＃34;：[

                                {period:'MM',format:'MMM YYYY'},
                                { period: 'YYYY', format: 'YYYY' }],

它对我有用，谢谢你帮助我西蒙，你给了我洞察力，

Answer 3

尝试添加equalSpacing属性

categoryAxis: {
  parseDates: true,
  equalSpacing: true,
}

要手动调整大小，请使用columnWidth

graphs: [{
  type: 'column',
  columnWidth: .5 // Half of a full column
}]

AM图表未正确显示日期轴

3 个答案: