AmCharts 4：不能对 LineSeries 使用 categoryX答案

【问题标题】：AmCharts 4 : can't use categoryX for LineSeriesAmCharts 4：不能对 LineSeries 使用 categoryX
【发布时间】：2020-03-20 12:15:55
【问题描述】：

我尝试设置 x 的数据字段，我尝试使用 categoryX 但我得到 Error: Data fields for series "id-126" are not properly defined ，然后我尝试使用 series.dataFields.valueX 但它返回给我一个数字。如何将 x 设置为 XName 的值，以便它可以显示 A,B,C

    chart.data = [{
        "XName": "A",
        "YValue": 0.5,
    }, {
        "XName": "B",
        "YValue": 1.3,
    }, {
        "XName": "C",
        "YValue": 2.3,
    }];

    var valueXAxis = chart.xAxes.push(new am4charts.ValueAxis());
    valueXAxis.tooltip.disabled = true;

    var valueYAxis = chart.yAxes.push(new am4charts.ValueAxis());
    valueYAxis.tooltip.disabled = true;
    valueYAxis.title.text = "Amount";

    var series = chart.series.push(new am4charts.LineSeries());
    series.dataFields.categoryX = "XName";
    series.dataFields.valueY = "YValue";
    series.tooltipText = "[bold]{valueY}[/]";
    series.fillOpacity = 0.3;
    series.tooltip.getFillFromObject = false;
    series.tooltip.background.fill = am4core.color("#4c676b");

【问题讨论】：

标签： jquery amcharts amcharts4

【解决方案1】：

categoryX/categoryY 分别与 X 和 Y 轴的类别轴一起使用。您的图表同时使用 X 轴和 Y 轴的值轴，因此 categoryX 不会做任何事情，因为它期望您的系列中有 valueX 定义。您需要将 x 轴替换为类别轴：

    var categoryXAxis = chart.xAxes.push(new am4charts.CategoryAxis());
    categoryXAxis.dataFields.category = "XName";
    categoryXAxis.tooltip.disabled = true;

    // ... 
    series.dataFields.categoryX = "XName"; // this will now work

【讨论】：