0
175
ViewsGráfico de líneas no monótonas
Creé un gráfico de líneas en ExtJS pero encontré un obstáculo. Quiero crear un gráfico de líneas que no vaya a cada punto siguiente de forma monotónica. Digamos que tengo el siguiente conjunto de datos:
let testData = [{ price: 500, date: '01-01-2021' }, { price: 200, date: '01-02-2021' }, { price: 1000, date: '02-09-2021' }];Al usar estos datos en un gráfico de líneas ExtJS, se creará una línea diagonal entre el precio de 200 y 1000 , esta representación de datos es incorrecta ya que el precio no aumentó gradualmente en este tiempo.
Mi pregunta es: ¿Cómo puedo lograr esto usando gráficos ExtJS?
Verifique los ejemplos visuales para el resultado actual y deseable.
Por favor, hágamelo saber si necesita información adicional.
Monotónico (resultado actual): 
No monótono (Resultado deseable) 
·
Juan Pablo Isaza
1 answers
Answer question0
¿Has probado la propiedad de la curva ?
Ext.create({ xtype: 'cartesian', renderTo: Ext.getBody(), width: 600, height: 400, insetPadding: 40, legend: { docked: 'bottom', }, store: { fields: ['name', 'data1', 'data2'], data: [{ 'name': 'metric one', 'data1': 10, 'data2': 14 }, { 'name': 'metric two', 'data1': 7, 'data2': 16 }, { 'name': 'metric three', 'data1': 5, 'data2': 14 }, { 'name': 'metric four', 'data1': 2, 'data2': 6 }, { 'name': 'metric five', 'data1': 27, 'data2': 36 }] }, axes: [{ type: 'numeric', position: 'left', fields: ['data1'], grid: true, minimum: 0 }, { type: 'category', position: 'bottom', fields: ['name'], }], colors: ['#ffff00', '#00ffff'], series: [{ type: 'line', xField: 'name', yField: 'data1', curve: { type: 'step-after' } }, { type: 'line', fill: false, xField: 'name', yField: 'data2', }] });
·
Juan Pablo Isaza
Report
Answer question