amcharts4 не показывается одна подсказка для каждой серии, когда пользователь наводит курсор мыши, как я могу это сделать? - PullRequest
Новая
       15

amcharts4 не показывается одна подсказка для каждой серии, когда пользователь наводит курсор мыши, как я могу это сделать?

1 голос
/ 26 октября 2019

У меня есть ряд рядов в amcharts4, но я устал найти аргумент в amcharts4 для показа единственной подсказки в amcharts4, когда пользователь наводит курсор на серию , какой аргумент можно установитьпоказывать курсор мыши над сериями для каждой серии?

мои настройки диаграммы: 

<script>    
am4core.ready(function() {

am4core.useTheme(am4themes_animated);
// Themes end

// Create chart instance
var chart = am4core.create("test1div", am4charts.XYChart);

// Increase contrast by taking evey second color
chart.colors.step = 2;

// Set up data source
chart.dataSource.url ="/static/json/DATA.json";
chart.dataSource.parser = new am4core.JSONParser();
chart.dateFormatter.inputDateFormat = "i";    

// Create axes
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.renderer.labels.template.location = 0;
dateAxis.renderer.minGridDistance = 20;
dateAxis.renderer.grid.template.location = 0.5;
dateAxis.startLocation = 0.5;
dateAxis.endLocation = 0.5;
dateAxis.dateFormats.setKey("hour", "YYYY/MM/dd hh:mm");
dateAxis.periodChangeDateFormats.setKey("hour", "YYYY/MM/dd hh:mm");
dateAxis.tooltipDateFormat = "YYYY/MM/dd HH:mm";

var valueAxis1 = chart.yAxes.push(new am4charts.ValueAxis());

function createAxisAndSeries(field, name) {
    var series = chart.series.push(new am4charts.LineSeries());
        series.dataFields.valueY = field;
        series.dataFields.dateX = "DATETIME";
        series.strokeWidth = 2;
        series.yAxis = valueAxis1;
        series.name = name;
        series.tooltipText = "{name}: [bold]{valueY}[/]";
        series.tensionX = 0.9;
        series.tensionY = 0.9;
    valueAxis1.renderer.line.strokeOpacity = 1;
    valueAxis1.renderer.line.strokeWidth = 2;
    valueAxis1.renderer.grid.template.disabled = false;
    valueAxis1.cursorTooltipEnabled = true;
    valueAxis1.tooltip.disabled = true;
    valueAxis1.getFillFromObject = false;
}

createAxisAndSeries{"testseries1","testseries1"};
createAxisAndSeries{"testseries2","testseries2"};

   }); 
</script>
...