Chart Components - imona/tutorial GitHub Wiki

1. Pie Chart

Add Data

getComponent("column_chart").addValue("First", "İlk", 15);
getComponent("column_chart").addValue("Second", "İkinci", 85);

2. Column Chart

Configure

getComponent("column_chart").setYAxisTitle("Y Axis","Y Ekseni");
getComponent("column_chart").setSeriesName("Series Sample", "Seriler Örnek");

Add Data

getComponent("column_chart").addValue("First", "İlk", 15);
getComponent("column_chart").addValue("Second", "İkinci", 85);

3. Area Chart

Configure

getComponent("column_chart").setYAxisTitle("Y Axis","Y Ekseni");

Add Data

getComponent("area_chart").addValue("First", "İlk", 15);
getComponent("area_chart").addValue("Second", "İkinci", 85);

4. Line Chart

Configure

getComponent("column_chart").setYAxisTitle("Y Axis","Y Ekseni");

Add Data

getComponent("line_chart").addToSeries("First", "İlk", r.nextInt(50) + 50);

5. Funnel Chart

getComponent("funnel_chart").addValue("First", "İlk", 15);
getComponent("funnel_chart").addValue("Second", "İkinci", 85);

6. Timeline

Add Data

getComponent("timeline").addValue("Stock 1", "Hisse Senedi 1", r.nextFloat() * 1000);

Stick timeline

var sticked = getComponent("sticked").value;
getComponent("timeline").stickToRight = sticked;

Fixed Range

getComponent("timeline").fixedRange = getComponent("fixed").value;

7. BoxPlot

Configure

getComponent("boxplot").setSeriesName("seriesx");
getComponent("boxplot").setXAxisTitle("titlex");
getComponent("boxplot").setYAxisTitle("titley");
getComponent("boxplot").setMaxNumberOfBoxPlotItems(12);

Add Data and update

var r = new java.util.Random();
getComponent("boxplot").addData(r.nextFloat() * 1000, today());
getComponent("boxplot").showRecentData(2000);

Show background data

getComponent("boxplot").showBackGroundData(toDate("2015.03.20.12.30.00","yyyy.MM.dd.HH.mm.ss"),toDate("2015.03.20.12.30.59","yyyy.MM.dd.HH.mm.ss"), 8000 );