Подсказка am4charts LineSeries - PullRequest
Новая
       10

Подсказка am4charts LineSeries

0 голосов
/ 17 апреля 2020

Я использую AmCharts версии 4, и я пытаюсь заставить всплывающую подсказку работать на мои LineSeries.

Моя диаграмма должна быть последовательной, одна для "новых случаев" и одна для «закрытые дела».

Я пытался использовать следующее, но оно не работает:

series_closed.tooltipText = \ "{valueY.value} \";

Мой код: 

<script>
am4core.ready(function() {
    var chart = am4core.create("chartdiv_cases_created_per_day", am4charts.XYChart);
    chart.data = [
        {
            "y": "Mon 1",
            "created_value": 4,
            "created_color": am4core.color("red"),
            "closed_value": 3,
            "closed_color": am4core.color("green")
        },
        {
            "x": "Tue 2",
            "created_value": 5,
            "created_color": am4core.color("red"),
            "closed_value": 2,
            "closed_color": am4core.color("green")
        },
        {
            "x": "Wed  3",
            "created_value": 7,
            "created_color": am4core.color("red"),
            "closed_value": 2,
            "closed_color": am4core.color("green")
        }
    ];
    // Create axes
    var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
    categoryAxis.dataFields.category = "x";
    var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());


    // Create series
    var series_created = chart.series.push(new am4charts.LineSeries());
    series_created.dataFields.valueY = "created_value";
    series_created.dataFields.categoryX = "x";
    series_created.name = "Created";
    series_created.propertyFields.stroke = "created_color";
    series_created.strokeWidth = 1;
    series_created.tooltipText = "{valueY.value}";


    // Create series 2
    var series_closed = chart.series.push(new am4charts.LineSeries());
    series_closed.dataFields.valueY = "closed_value";
    series_closed.dataFields.categoryX = "x";
    series_closed.name = "Closed";
    series_closed.propertyFields.stroke = "closed_color";
    series_closed.tooltipText = "{valueY.value}";

    var columnTemplate = series.columns.template;
    columnTemplate.strokeWidth = 2;
    columnTemplate.strokeOpacity = 1;



    // Tooltips
    chart.cursor = new am4charts.XYCursor();


}); // end am4core.ready()
</script>

<div id="chartdiv_cases_created_per_day" style="height: 200px;"></div>

1 Ответ

0 голосов
/ 17 апреля 2020

Я нашел решение.

Серия должна быть названа series1, series2 et c. Не серия, созданная и серия закрытая.

...