Fatal编程技术网
  • javascript/
  • Javascript 有没有办法更改轴标签？

Javascript 有没有办法更改轴标签？

javascript

Javascript 有没有办法更改轴标签？,javascript,amcharts,amcharts4,Javascript,Amcharts,Amcharts4,我正在更新工作中的一些代码，遇到了一个问题，在amcharts3上，x轴的标签不是数据绑定的对象。与此类似，图表的数据绑定到一个日期，但在标签中显示另一个值（该值在数据集中），并且在AMCHART4上找不到这样做的方法 我尝试创建另一个x轴，但是数据看起来不正确 它应该是一个x轴，显示数据集中的一个值，但只是显示，该轴应该绑定到数据集中的另一个值。如果有意义的话。这里有一个amCharts v3示例，它使用labelFunction将数据绑定到轴上写入的内容（礼貌）： 对于v4，可以在Axis

我正在更新工作中的一些代码，遇到了一个问题，在amcharts3上，x轴的标签不是数据绑定的对象。与此类似，图表的数据绑定到一个日期，但在标签中显示另一个值（该值在数据集中），并且在AMCHART4上找不到这样做的方法

我尝试创建另一个x轴，但是数据看起来不正确

它应该是一个x轴，显示数据集中的一个值，但只是显示，该轴应该绑定到数据集中的另一个值。如果有意义的话。

这里有一个amCharts v3示例，它使用
labelFunction
将数据绑定到轴上写入的内容（礼貌）：

对于v4，可以在
AxisLabel
上使用。DateAxis标签的一个棘手部分是，它们的
dataItem
没有绑定到原始图表或系列的
dataItem
以允许您访问其余的数据（例如，通过
dataItem.dataContext[“字段名在此”]
）。因此，当适配器尝试向其DateAxis
AxisLabel
提供
text
时，如果该标签具有
Date
，则必须将所述
AxisLabel
与每个数据对象进行比较，以查看其
Date
与数据的日期（如果是字符串，则将其转换为
Date
）是否匹配。如果是，则从要将其“绑定”到的数据字段中提取

相关代码（假定日期的数据字段为
“date”
）：

函数dataToDate（dateStr）{ 返回chart.dateFormatter.parse（dateStr）； } 函数sameDates（日期1、日期2）{ 返回日期1.getTime（）==date2.getTime（）； } 函数匹配AxisDateToData（axisLabel）{ 变量长度=chart.data.length； 对于（变量i=0；i 以下是上述内容的演示：

下面是一个amCharts v3示例，它使用
labelFunction
将数据绑定到轴上写入的内容（礼貌）：

对于v4，可以在
AxisLabel
上使用。DateAxis标签的一个棘手部分是，它们的
dataItem
没有绑定到原始图表或系列的
dataItem
以允许您访问其余的数据（例如，通过
dataItem.dataContext[“字段名在此”]
）。因此，当适配器尝试向其DateAxis
AxisLabel
提供
text
时，如果该标签具有
Date
，则必须将所述
AxisLabel
与每个数据对象进行比较，以查看其
Date
与数据的日期（如果是字符串，则将其转换为
Date
）是否匹配。如果是，则从要将其“绑定”到的数据字段中提取

相关代码（假定日期的数据字段为
“date”
）：

函数dataToDate（dateStr）{ 返回chart.dateFormatter.parse（dateStr）； } 函数sameDates（日期1、日期2）{ 返回日期1.getTime（）==date2.getTime（）； } 函数匹配AxisDateToData（axisLabel）{ 变量长度=chart.data.length； 对于（变量i=0；i 以下是上述内容的演示：