Estoy escribiendo este gráfico alto en angular y quiero crear mi propio selector de rango dinámicamente usando this.chart.update. Sin embargo, sigue diciendo que la actualización indefinida no es una función. ¿Cómo puedo arreglar el código. Además, estoy tratando de exportar la tabla de datos al div de la tabla gráfica que está en una pestaña diferente. Adjunto una imagen por favor ayuda. [Imagen gráfica/vista de tabla][1]
Puede intentar obtener los datos de los eventos del selector de rango rangeSelector.buttons.events , también puede establecer su propia agrupación de datos con rangeSelector.buttons.dataGrouping .
rangeSelector: { buttons: [{ type: 'month', count: 1, text: '1m', events: { click: function () { console.log(this); } } }, }Demostración: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/stock/rangeselector/button-click/
Referencias de API: https://api.highcharts.com/highstock/rangeSelector.buttons.events https://api.highcharts.com/highstock/rangeSelector.buttons.dataGrouping
Implemente dentro de chart.events.load() con esto, ya está cerca de obtener datos de otras variables/fuentes y pasarlos dentro de los eventos del botón rangeSelector.
chart: { events: { load: function() { let chart = this, rangeSelector = chart.rangeSelector; console.log(chart); rangeSelector.update({ buttons: [{Demostración: https://jsfiddle.net/BlackLabel/Lgdhokfy/
Referencias de API: https://api.highcharts.com/highcharts/chart.events.load