AmChart v4 XYCursor "no axis with id" test
by Anton
HTML
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<div id="chartdiv"></div>
CSS
#chartdiv {
width: 100%;
height: 300px;
}
JavaScript
var chart = am4core.createFromConfig(getConfig(), "chartdiv", am4charts.XYChart);
function getConfig() {
return {
"yAxes": [
{
"id": "default_axis",
"type": "ValueAxis",
"cursorTooltipEnabled": false
}
],
"xAxes": [
{
"id": "dates",
"type": "DateAxis",
"dataFields": {
"category": "DATEFROM"
}
}
],
"legend": {
"position": "right",
"itemContainers": {
"paddingTop": 1,
"paddingBottom": 1
}
},
"cursor": {
"type": "XYCursor",
"lineY": {
"disabled": true
},
"xAxis": "dates",
"fullWidthLineX": true,
"lineX": {
"strokeWidth": 0,
"fill": "#8F3985",
"fillOpacity": 0.1
}
},
"scrollbarX": {
"type": "Scrollbar"
},
"exporting": {
"filePrefix": "I-Plan_chart_export",
"menu": {}
},
"series": [
{
"type": "LineSeries",
"name": "Adjusted History",
"dataFields": {
"valueY": "HISTORY",
"dateX": "DATEFROM"
},
"strokeWidth": 3,
"bullets": [
{
"type": "CircleBullet",
"circle": {
"radius": 4
},
"tooltipHTML": "{name}: {valueY}",
"states": {
"hover": {
"properties": {
"scale": 1.5
}
}
}
}
],
"cursorTooltipEnabled": false,
"connect": false,
"strokeDasharray": "21,9"
},
{
"type": "LineSeries",
"name": "History",
"dataFields": {
"valueY": "UNADJUSTEDHISTORY",
"dateX": "DATEFROM"
},
"strokeWidth": 3,
"bullets": [
{
"type": "CircleBullet",
"circle": {
"radius": 4
},
"tooltipHTML": "{name}:...