趋势线AmCharts没有基于日期就不起作用

Question

你好，我在AmCharts中使用趋势线，当我在没有日期的情况下改变值时，它不会显示反之亦然。

下面是我的代码：

function drawGraph(amYear) {
            var trendLinesData = trendLines(chartData);

            // AmCharts.ready(function () {
            // SERIAL CHART
            chart = new AmCharts.AmSerialChart();

            chart.dataProvider = chartData;
            chart.dataDateFormat = "YYYY-MM";
            chart.categoryField = "field";
            chart.startDuration = 2;

            // AXES
            // category
            var categoryAxis = chart.categoryAxis;
            categoryAxis.parseDates = false; // as our data is date-based, we set parseDates to true
            categoryAxis.minPeriod = "MM"; // our data is daily, so we set minPeriod to DD
            categoryAxis.gridAlpha = 0.1;
            categoryAxis.minorGridAlpha = 0.1;
            categoryAxis.axisAlpha = 0;
            categoryAxis.minorGridEnabled = true;
            categoryAxis.inside = true;

            // value
            var valueAxis = new AmCharts.ValueAxis();
            valueAxis.title = "Total";
            valueAxis.tickLength = 0;
            valueAxis.axisAlpha = 0;
            valueAxis.showFirstLabel = false;
            valueAxis.showLastLabel = false;
            chart.addValueAxis(valueAxis);

            // GRAPH
            var graph = new AmCharts.AmGraph();
            graph.dashLength = 5;
            graph.lineColor = "#3498db";
            graph.valueField = "value";
            graph.lineThickness = 1;
            chart.addGraph(graph);

            // SCROLLBAR
            var chartScrollbar = new AmCharts.ChartScrollbar();
            chart.addChartScrollbar(chartScrollbar);

            // TREND LINES
            // first trend line
            var trendLine = new AmCharts.TrendLine();
            trendLine.initialValue =  5;
            trendLine.initialXValue =  5;
            trendLine.finalValue =  30;
            trendLine.finalXValue =  40;
            trendLine.lineColor = "#000";

            chart.addTrendLine(trendLine);

            // WRITE
            chart.write("datachart");
        // });
        }

我已经尝试了另一个属性，并调用了chart.validateNow()，但它仍然不起作用。如何解决这个问题？

Answer 1

在不是基于日期的序列图表中(根据您发布的代码，您似乎正在使用它)，您需要使用initialCategory和finalCategory。

它们需要包含与数据类别字段中的字符串完全相同的字符串(在本例中为field)。

initialXValue和finalXValue仅与XY图表相关。