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);
				


Line Charts


line chart
area chart
area percent chart
area 3d chart
stock chart
candlestick chart

Pie Charts


pie chart
pie 3d chart

Bar Charts


column chart
column 3d chart

Scatter Charts


scatter chart:
scatter 3d chart

Multiple Charts


multiple

Contents