ChartExpert Examples

このエントリーをはてなブックマークに追加

This page shows following samples. You can try all of samples by running ChartExpert as a demonstration mode.

  • Line Chart
  • Vertical Bar Chart
  • Pie Chart
  • Scatter Plot
  • Multiple Page


Line Chart

Basic

Draw a line chart by connecting corresponding x and y.
It is not necessary that each x should have equal gaps, but it must be sorted in ascending order.

Line Chart (Basic)

Line Chart (Basic)

Commands

_client=ChartExpert Demo
_version=1
sample.y=20,22,25,30,28
sample.x=0,1,2,5,6
chart.type=line
chart.dataset=sample
chart.title=Sample Chart

Sample Program

Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse("chart:///show"));
StringBuffer buf = new StringBuffer();
buf.append("_client=ChartExpert Demo\n");
buf.append("_version=1\n");
buf.append("sample.y=20,22,25,30,28\n");
buf.append("sample.x=0,1,2,5,6\n");
buf.append("chart.type=line\n");
buf.append("chart.dataset=sample\n");
buf.append("chart.title=Sample Chart\n");
intent.putExtra("content", buf.toString());
startActivity(intent);

Variation : Complex Chart

Multiple datasets can be drawn in a single chart.
y-axis configuration of the first dataset will be used.

Line Chart (Complex)

Line Chart (Complex)

Commands

_client=ChartExpert Demo
_version=1
sample1.y=4,2,3,5,5,1
sample1.x=0,1,2,3,5,6
sample1.yaxis=0,10,1
sample2.y=1,5,7,5,3,6
sample2.x=0,1,2,3,4,5
chart.type=line
chart.dataset=sample1,sample2

Variation : Strategy Canvas

Using text for y-axis labels, it can be applied for drawing a strategy canvas or a questionnaire report.

Line Chart (Text Axis)

Line Chart (Text Axis)

Commands

_client=ChartExpert Demo
_version=1
sample.y=3,5,4,4,5,1,3,5
sample.x=0,1,2,3,4,5,6,7
sample.xlabel=speed,function,design,usability,price,response,variation,reputation
sample.ylabel=very bad,bad,normal,good,very good
sample.xaxis=0,7,1
sample.yaxis=1,5,1
chart.type=line
chart.dataset=sample

Vertical Bar Chart

Basic

Drawing a vertical bar chart with (x,y) pairs.
x value used for x position. It is not necessary that each x should have equal gaps, but it should has. The best way is not to specify.

Vertical Bar Chart (Basic)

Vertical Bar Chart (Basic)

Commands

_client=ChartExpert Demo
_version=1
sample.y=3,6,7,8,0,0,10,3
chart.type=vbar
chart.dataset=sample

Sample Program

Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse("chart:///show"));
StringBuffer buf = new StringBuffer();
buf.append("_client=ChartExpert Demo\n");
buf.append("_version=1\n");
buf.append("sample.y=3,6,7,8,0,0,10,3\n");
buf.append("chart.type=vbar\n");
buf.append("chart.dataset=sample\n");
intent.putExtra("content", buf.toString());
startActivity(intent);

Variation : Complex Chart

Vertical Bar Chart (Complex)

Vertical Bar Chart (Complex)

Commands

_client=ChartExpert Demo
_version=1
sample1.y=3,6,7,8,0,0,10,3
sample2.y=1,2,3,4,5,6,7,8
sample3.y=3,10,0,0,8,7,6,3
chart.type=vbar
chart.dataset=sample1,sample2,sample3

Pie Chart

Basic

Draw a pie chart with a sum of all y values treated as 100%.
x value won’t be used.

xlabel and label will be used for labels attached to each arcs. ylabel won’t be used.

Pie Chart (Basic)

Pie Chart (Basic)

Commands

_client=ChartExpert Demo
_version=1
sample.y=500,800,200
sample.label=500,800,200
sample.xlabel=A,B,C
chart.type=pie
chart.dataset=sample
chart.title=Sample Pie Chart

Sample Program

Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse("chart:///show"));
StringBuffer buf = new StringBuffer();
buf.append("_client=ChartExpert Demo\n");
buf.append("_version=1\n");
buf.append("sample.y=500,800,200\n");
buf.append("sample.label=500,800,200\n");
buf.append("sample.xlabel=A,B,C\n");
buf.append("chart.type=pie\n");
buf.append("chart.dataset=sample\n");
buf.append("chart.title=Sample Pie Chart\n");
intent.putExtra("content", buf.toString());
startActivity(intent);

Variation : Many Items

ChartExpert uses color themes, and each theme consists of  8 colors.
A pie chart having many items uses these 8 colors repeatedly with small alternations.

Pie Chart (Many Items)

Pie Chart (Many Items)

Commands

_client=ChartExpert Demo
_version=1
sample.y=500,800,200
sample.label=500,800,200
sample.xlabel=A,B,C
chart.type=pie
chart.dataset=sample
chart.title=Sample Pie Chart

Scatter Plot

Basic

Draw a scatter plot by drawing a (x,y) pair as a dot. No need to be sorted.

It is recommended to specify xaxis and yaxis commands.

Scatter Plot (Basic)

Scatter Plot (Basic)

Commands

_client=ChartExpert Demo
_version=1
sample.y=-0.13,-1.05,-0.34,-0.12,-0.62,-0.28,-0.02,-0.16,-0.04,0.00,0.32,0.09,0.03,0.56,0.68,0.73,0.38,1.20,0.61
sample.x=-1.04,-0.71,-0.07,-0.44,-0.80,-0.20,-0.20,-0.06,-0.03,0.00,0.24,0.16,0.25,0.67,0.38,0.07,0.66,0.46,0.16
sample.xaxis=-1,1
chart.type=scatter
chart.dataset=sample

Sample Program

Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse("chart:///show"));
StringBuffer buf = new StringBuffer();
buf.append("_version=1\n");
buf.append("_client=ChartExpert Demo\n");
buf.append("sample.y=-0.13,-1.05,-0.34,-0.12,-0.62,-0.28,-0.02,-0.16,-0.04,0.00,0.32,0.09,0.03,0.56,0.68,0.73,0.38,1.20,0.61\n");
buf.append("sample.x=-1.04,-0.71,-0.07,-0.44,-0.80,-0.20,-0.20,-0.06,-0.03,0.00,0.24,0.16,0.25,0.67,0.38,0.07,0.66,0.46,0.16\n");
buf.append("sample.xaxis=-1,1\n");
buf.append("chart.type=scatter\n");
buf.append("chart.dataset=sample\n");
intent.putExtra("content", buf.toString());
startActivity(intent);

Variation : Complex

Multiple datasets can be drawn in a single chart.

Scatter Plot (Complex)

Scatter Plot (Complex)

Commands

_client=ChartExpert Demo
_version=1
sample1.y=-0.13,-1.05,-0.34,-0.12,-0.62,-0.28,-0.02,-0.16,-0.04,0.00,0.32,0.09,0.03,0.56,0.68,0.73,0.38,1.20,0.61
sample1.x=-1.04,-0.71,-0.07,-0.44,-0.80,-0.20,-0.20,-0.06,-0.03,0.00,0.24,0.16,0.25,0.67,0.38,0.07,0.66,0.46,0.16
sample1.xaxis=-1,1
sample1.yaxis=-1,1
sample2.y=-1.05,-0.40,-1.17,-0.31,-0.02,-0.25,-0.02,-0.07,-0.02,0.00,0.01,0.09,0.06,0.05,0.19,0.92,1.01,0.42,1.25
sample2.x=-0.21,-0.47,-0.39,-0.11,-0.21,-0.51,-0.06,-0.10,-0.01,0.00,0.11,0.45,0.32,0.09,0.45,0.41,1.74,1.04,0.18
chart.type=scatter
chart.dataset=sample1,sample2

Multiple Page

Draw multiple charts in different screens by switching pages.

To make multiple-page chart, make 2 (or above) <CKEY> and attach datasets for them.
Each <CKEY> can have different chart types.

Multiple Pages

Multiple Pages

Commands

_client=ChartExpert Demo
_version=1
line.y=20,22,25,30,28
line.x=0,1,2,5,6
scatter.y=-1.05,-0.40,-1.17,-0.31,-0.02,-0.25,-0.02,-0.07,-0.02,0.00,0.01,0.09,0.06,0.05,0.19,0.92,1.01,0.42,1.25
scatter.x=-0.21,-0.47,-0.39,-0.11,-0.21,-0.51,-0.06,-0.10,-0.01,0.00,0.11,0.45,0.32,0.09,0.45,0.41,1.74,1.04,0.18
scatter.yaxis=-1,1
scatter.xaxis=-1,1
chart1.type=line
chart1.dataset=line
chart2.type=scatter
chart2.dataset=scatter

Sample Program

Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse("chart:///show"));
StringBuffer buf = new StringBuffer();
buf.append("_version=1\n");
buf.append("_client=ChartExpert Demo\n");
buf.append("line.y=20,22,25,30,28\n");
buf.append("line.x=0,1,2,5,6\n");
buf.append("scatter.y=-1.05,-0.40,-1.17,-0.31,-0.02,-0.25,-0.02,-0.07,-0.02,0.00,0.01,0.09,0.06,0.05,0.19,0.92,1.01,0.42,1.25\n");
buf.append("scatter.x=-0.21,-0.47,-0.39,-0.11,-0.21,-0.51,-0.06,-0.10,-0.01,0.00,0.11,0.45,0.32,0.09,0.45,0.41,1.74,1.04,0.18\n");
buf.append("scatter.yaxis=-1,1\n");
buf.append("scatter.xaxis=-1,1\n");
buf.append("chart1.type=line\n");
buf.append("chart1.dataset=line\n");
buf.append("chart2.type=scatter\n");
buf.append("chart2.dataset=scatter\n");
intent.putExtra("content", buf.toString());
startActivity(intent);
© 2017 samurai-apps. All rights reserved. Powered by WordPress Entries RSS Comments RSS