有没有一种方法可以在 amcharts 中自由移动而无需捕捉到图表值?
Is there a way to move freely in amcharts without snapping to the chart values?
使用烛台系列图表,如果我放大数据并使用滚动条一次在一个方向上移动,无论是垂直还是水平,它都可以正常工作。
如果我使用鼠标同时在两个方向上移动,图表就会变得疯狂,并不断在我用鼠标拖动的位置和数据所在的位置之间跳跃。
是否可以让图表在滚动时忽略数据的位置,只遵守光标滚动的位置?
let chart = am4core.create(containerRef.current, am4charts.XYChart);
chart.data = getData()
const dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.nonScaling = true;
dateAxis.skipEmptyPeriods = true;
const valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.nonScaling = true;
const series = chart.series.push(new am4charts.CandlestickSeries());
series.dataFields.dateX = "date";
series.dataFields.valueY = "close";
series.dataFields.openValueY = "open";
series.dataFields.lowValueY = "low";
series.dataFields.highValueY = "high";
series.simplifiedProcessing = true;
chart.cursor = new am4charts.XYCursor();
chart.cursor.wheelable = true;
chart.cursor.behavior = 'panXY';
chart.mouseWheelBehavior = 'zoomXY';
chart.scrollbarX = new am4core.Scrollbar();
chart.scrollbarY = new am4core.Scrollbar();
我设法通过在 ValueChart 中设置 keepSelection
值来做到这一点:
valueAxis.keepSelection = true
现在,即使我更改 Y 缩放并在缩放的图表上移动,它也不会尝试将图表移动到数据所在的位置或自动更改我的缩放。
使用烛台系列图表,如果我放大数据并使用滚动条一次在一个方向上移动,无论是垂直还是水平,它都可以正常工作。
如果我使用鼠标同时在两个方向上移动,图表就会变得疯狂,并不断在我用鼠标拖动的位置和数据所在的位置之间跳跃。
是否可以让图表在滚动时忽略数据的位置,只遵守光标滚动的位置?
let chart = am4core.create(containerRef.current, am4charts.XYChart);
chart.data = getData()
const dateAxis = chart.xAxes.push(new am4charts.DateAxis());
dateAxis.nonScaling = true;
dateAxis.skipEmptyPeriods = true;
const valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
valueAxis.nonScaling = true;
const series = chart.series.push(new am4charts.CandlestickSeries());
series.dataFields.dateX = "date";
series.dataFields.valueY = "close";
series.dataFields.openValueY = "open";
series.dataFields.lowValueY = "low";
series.dataFields.highValueY = "high";
series.simplifiedProcessing = true;
chart.cursor = new am4charts.XYCursor();
chart.cursor.wheelable = true;
chart.cursor.behavior = 'panXY';
chart.mouseWheelBehavior = 'zoomXY';
chart.scrollbarX = new am4core.Scrollbar();
chart.scrollbarY = new am4core.Scrollbar();
我设法通过在 ValueChart 中设置 keepSelection
值来做到这一点:
valueAxis.keepSelection = true
现在,即使我更改 Y 缩放并在缩放的图表上移动,它也不会尝试将图表移动到数据所在的位置或自动更改我的缩放。