adding data visualization to windows applications with codejock

54

Upload: beulah

Post on 09-Jan-2016

61 views

Category:

Documents


6 download

DESCRIPTION

Adding data visualization to windows applications with codejock. Peter Bragg Care Data Systems www.donorflex.com. Why you should never tell your boss what your presentation is about!. Peter Bragg Care Data Systems Limited www.donorflex.com. Agenda. Theory Codejock Chart Pro - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Adding data visualization to windows applications with  codejock
Page 2: Adding data visualization to windows applications with  codejock

Adding data visualization to windows applications with codejock

Peter BraggCare Data Systems

www.donorflex.com

Page 3: Adding data visualization to windows applications with  codejock

Why you should never tell your boss what your presentation is about!

Peter BraggCare Data Systems Limited

www.donorflex.com

Page 4: Adding data visualization to windows applications with  codejock

Agenda

• Theory Codejock Chart Pro sigCjChart Class

• Practical sigCjChart demo

• Dashboards Do codejock components provide a viable solution?

Page 5: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 6: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

• Part of Toolkit Pro• Appeared v15.0.1• Charting Component• Illustration tool

NOT a reporting component NOT a business intelligence tool

Page 7: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 8: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 9: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 10: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 11: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 12: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 13: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 14: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 15: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 16: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 17: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 18: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 19: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 20: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 21: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 22: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 23: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Page 24: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Comprises of over 75 classes:• Appearance• Axis• Border • Content• Global Settings• Diagram• Element

• Fill Style• Font• Legend• Line Style• Marker• Number Format• Palette

• Series• Series Label• Series Point• Series Style• Title• Tooltip• Chart Control

Page 25: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

Comprises of over 75 classes:• Appearance (1)• Axis (12)• Border (1)• Content (1)• Global Settings (1)• Diagram (5)• Element (1)

• Fill Style (1)• Font (1)• Legend (1)• Line Style (1)• Marker (1)• Number Format (1)• Palette (1)

• Series (2)• Series Label (8)• Series Point (2)• Series Style (29)• Title (2)• Tooltip (1)• Chart Control (1)

Page 26: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart ProWhat is a diagram?

A diagram is an area within a chart control in which you will place a chart or charts.

The control may contain any number of diagrams.

A chart control object would typically contain just one diagram.

The first image (top right) shows a chart with two diagrams.

The second image (bottom right) shows a chart with three diagrams.

Page 27: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart ProWhat is a series?

In essence a series is a chart within a diagram.

Multiple series within the same diagram allow you to overlay different charts on top of each other.

The image shows a bar chart, a spline chart, and area chart and a point chart all within a single diagram.

The chart comprises of one diagram and four series.

Page 28: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart Pro

A B C D0

1

2

3

4

5

Series (bar)

Chart Control

Diagram (2D) Diagram (Pie)

Page 29: Adding data visualization to windows applications with  codejock

Codejock Xtreme Chart ProChart Control

Diagram (2D) Diagram (Pie)

A B C D0

1

2

3

4

5

Series (bar)Series (line)

1st Qtr2nd Qtr3rd Qtr4th Qtr

Series (pie)

Page 30: Adding data visualization to windows applications with  codejock

sigCjChart Class

Page 31: Adding data visualization to windows applications with  codejock

sigCjChart Class2007 Synergy

(Miami)

2008 EDUC (Copenhagen)

2009 Synergy (New Orleans)

2010 EDUC (Seefeld)

2011 Synergy (Orlando)

2012 EDUC (Baiona)

2013 Synergy (Nashville)

sigCj Class Library conceptualised. Alcohol blamed.

Library revealed.

Report Control & Calendar added. Training given. Forum created.

Presentation. Snow. Too much snow. Don’t like snow.

Time off for good behaviour. Met a spaceman.

sigCjChart Class first revealed.

Alcohol required! Please.

Xtreme Chart Pro released with v15.0.1

Page 32: Adding data visualization to windows applications with  codejock

sigCjChart Class

Design Objectives: Model should be as simple as possible. 75 classes is too many! Be dynamic, where possible, wherever appropriate. Make no assumptions as to where data is coming from.

Minimum Requirements: Visual DataFlex 15.1 or higher (RefClass(), RefProc(), etc.) Codejock 15.2 or higher (3D classes removed)

Page 33: Adding data visualization to windows applications with  codejock

sigCjChart Class

How to handle Diagrams and Series? One Diagram Class One Series Class? Model with methods or objects?

Page 34: Adding data visualization to windows applications with  codejock

How to handle all the chart options?

Number of design time objects

Num

ber

of

pro

pert

ies

per

obje

ctsigCjChart Class

Page 35: Adding data visualization to windows applications with  codejock

sigCjChart ClassChart Control

Diagram (2D) Diagram (Pie)

A B C D0

1

2

3

4

5

Series (bar)Series (line)

1st Qtr2nd Qtr3rd Qtr4th Qtr

Series (pie)

Page 36: Adding data visualization to windows applications with  codejock

sigCjChart ClassChart Control Object

Diagram Object Diagram Object

Series Object – Bar Style

Series Object – Line Style

Series Object – Pie Style

Page 37: Adding data visualization to windows applications with  codejock

sigCjChart Class

oSigCJChart

oDiagramXY

oSeriesBar

oSeriesLine

oDiagramPie

oSeriesPie

cSigCjChart

cSigCjDiagram

cSigCJSeries

Page 38: Adding data visualization to windows applications with  codejock

sigCjChart Class

Build

Populate

Refresh/Reload

cSigCjChart cSigCjDiagram (1..n)

cSigCjSeries (1..n)

Page 39: Adding data visualization to windows applications with  codejock

Build

Populate

Refresh/Reload

sigCjChart Class

cSigCjChart cSigCjDiagram (1..n)

cSigCjSeries (1..n)

OnAddChartData (cSigCjSeries) AddPoint (Tooltip, X value, Y value x4)

Page 40: Adding data visualization to windows applications with  codejock

Build

Populate

Refresh/Reload

sigCjChart Class

cSigCjChart cSigCjDiagram (1..n)

cSigCjSeries (1..n)

OnAddChartData (cSigCjSeries) AddPoint (Tooltip, X value, Y value x4)

ReloadSeriesPoints (cSigCjSeries) ReloadAllSeriesPoints (cSigCjChart/cSigCjDiagram) RefreshSeriesPoints/RefreshAllSeriesPoints

Page 41: Adding data visualization to windows applications with  codejock

sigCjChart ClasscSigCjAxis

cSigCjAxisConstantLine

cSigCjAxisStrip

Page 42: Adding data visualization to windows applications with  codejock

Demonstration: Build a Chart

Page 43: Adding data visualization to windows applications with  codejock

Demonstration: Build a Chart

Page 44: Adding data visualization to windows applications with  codejock

Dashboards

Page 45: Adding data visualization to windows applications with  codejock

Dashboards

donorflex dashboard considerations: Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

Page 46: Adding data visualization to windows applications with  codejock

Dashboards

Possible solutions: Dynamic AI Crystal Reports Own bespoke solution.

Codejock...?

Page 47: Adding data visualization to windows applications with  codejock

Dashboards

Dashboard using codejock? Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

Page 48: Adding data visualization to windows applications with  codejock

Dashboards

Dashboard using codejock? Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

Page 49: Adding data visualization to windows applications with  codejock

Dashboards

Dashboard using codejock? Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

Page 50: Adding data visualization to windows applications with  codejock

Dashboards

Dashboard using codejock? Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

Page 51: Adding data visualization to windows applications with  codejock

Dashboards

Dashboard using codejock? Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

Page 52: Adding data visualization to windows applications with  codejock

Dashboards

Dashboard using codejock? Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

Page 53: Adding data visualization to windows applications with  codejock

Dashboards

Dashboard using codejock? Should not require specialist skills Should be intuitive and easy to configure Should provide the headlines/an overview Does not need to offer extensive drill down capability Needs to incorporate ‘web’ news/’other’ Should add value but NOT add cost.

But here’s the thing...

Page 54: Adding data visualization to windows applications with  codejock

Why you should never tell your boss what your presentation is about!

Questions?