am4charts LineSeries工具提示

时间:2020-04-17 10:47:22

标签: amcharts4

我使用的是AmCharts版本4,我正在尝试使here适用于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 :(得分:0)

我找到了解决方法。

系列需要命名为series1,series2等。 不是series_created和series_closed。