Charts 从amchart更改股票图表中的日期格式

我从amchart创建了一个股票图表，并将其保存在此处：

现在我想将（a）图表光标的日期格式更改为“DD.MM.YYYY”，以及（b）类别轴的日期格式更改为德语格式，例如“01.Mai 2018”。我假设（a）可以通过“categoryBalloonDateFormat”以某种方式解决，但我无法找到正确的放置位置

chart.ChartCursor.categoryBalloonDateFormat = "DD.MM.YYYY";

不幸的是，这不起作用

对于（b）我一点也不知道。

对于（a）你必须在数组中为图表中表示的所需周期设置它。如果您的数据是每日数据，则至少设置DD和WW周期（每日和每周），但根据数据量，您可能还需要设置MM（每月）周期。例如：

chart.chartCursorSettings.categoryBalloonDateFormats = [
  {period:"YYYY", format:"YYYY"},
  {period:"MM", format:"MMM, YYYY"},
  {period:"WW", format:"DD.MM.YYYY"},
  {period:"DD", format:"DD.MM.YYYY"}, 
  {period:"hh", format:"JJ:NN"},
  {period:"mm", format:"JJ:NN"},
  {period:"ss", format:"JJ:NN:SS"},
  {period:"fff", format:"JJ:NN:SS"}
]

与（b）类似，您必须以与

categoryBalloonDateFormats

相同的方式设置数组：

chart.categoryAxesSettings.dateFormats = [
  {period:"YYYY", format:"YYYY"},
  {period:"MM", format:"MMM, YYYY"},
  {period:"WW", format:"DD.MM.YYYY"},
  {period:"DD", format:"DD.MM.YYYY"}, 
  {period:"hh", format:"JJ:NN"},
  {period:"mm", format:"JJ:NN"},
  {period:"ss", format:"JJ:NN:SS"},
  {period:"fff", format:"JJ:NN:SS"}
]

演示：

var chart=AmCharts.makeChart（“chartdiv”{
“类型”：“库存”，
“主题”：“光”，
“类别设置”：{
“日期格式”：[{
期间：“yyy”，
格式：“YYYY”
},
{
句号：“MM”，
格式：“DD.MM.YYYY”
},
{
句号：“WW”，
格式：“DD.MM.YYYY”
},
{
句号：“DD”，
格式：“DD.MM.YYYY”
},
{
句号：“hh”，
格式：“JJ:NN”
},
{
句号：“mm”，
格式：“JJ:NN”
},
{
句号：“ss”，
格式：“JJ:NN:SS”
},
{
句号：“fff”，
格式：“JJ:NN:SS”
}
]
},
“图表光标设置”：{
“categoryBalloonDateFormats”：[{
期间：“yyy”，
格式：“YYYY”
},
{
句号：“MM”，
格式：“DD.MM.YYYY”
},
{
句号：“WW”，
格式：“DD.MM.YYYY”
},
{
句号：“DD”，
格式：“DD.MM.YYYY”
},
{
句号：“hh”，
格式：“JJ:NN”
},
{
句号：“mm”，
格式：“JJ:NN”
},
{
句号：“ss”，
格式：“JJ:NN:SS”
},
{
句号：“fff”，
格式：“JJ:NN:SS”
}
],
“ValueBallodesEnabled”：真
},
“数据集”：[{
“字段映射”：[{
“fromField”：“value”，
“托菲尔德”：“价值”
}],
“数据提供者”：generateChartData（），
“类别字段”：“日期”
}],
“小组”：[{
“股票图表”：[{
“valueField”：“value”，
“类型”：“平滑线”
}]
}]
});
函数generateChartData（）{
var chartData=[]；
var firstDate=新日期（2012,0,1）；
firstDate.setDate（firstDate.getDate（）-1000）；
firstDate.setHours（0,0,0,0）；
对于（变量i=0；i<30；i++）{
var newDate=新日期（firstDate）；
newDate.setDate（i）；
var a=Math.round（Math.random（）*（40+i））+100+i；
chartData.push({
日期：newDate，
价值：a
});
}
返回图表数据；
}

html，
身体{
宽度：100%；
身高：100%；
边际：0px；
}
#沙特迪夫{
宽度：100%；
身高：100%；
}

---

谢谢-这很有效！此外，如果有人想将月份名称更改为其他语言：

AmCharts.monthNames = [
              'Januar',
              'Februar',
              'März',
              'April',
              'Mai',
              'Juni',
              'Juli',
              'August',
              'September',
              'Oktober',
              'November',
              'Dezember'];
            AmCharts.shortMonthNames = [
              'Jan.',
              'Feb.',
              'März',
              'April',
              'Mai',
              'Juni',
              'Juli',
              'Aug.',
              'Sept.',
              'Okt.',
              'Nov.',
              'Dez.'];