functional state - highcharts

High Charts

Overview

Chart Data

Chart data can come from two sources. In the first instance, you can set data directly on the chart object.


let rd = await import("/lib/davinci/v1.0.0/davinci.mjs");
let hc = await import("/lib/davinci/ctrls/highcharts/v1.0.0/highcharts.mjs");
let chart = hc.linechart({
  target:'content',
  items:[{name:'dan',age:12},{name:'dan2',age:13},]
});
rd.render(table);

In the second instance, you tie the data to data that exists in the program state. In the following example, the chart reads the data from the program state from a variable named 'data', and it pulls the properties, 'date' and 'income' as the x and y values.


let rd = await import("/lib/davinci/v1.0.0/davinci.mjs");
let hc = await import("/lib/davinci/ctrls/highcharts/v1.0.0/highcharts.mjs");
let chart = hc.linechart({
  target:'content',
  series:[{
	name:'data',
	data:'dataset',
	properties:['date','income']
  }]
});
rd.render(table);