/
SankeyChart
SankeyChart
Inhalt:
Füllen von Daten
Properties
Allgemein
Detaillierte Information finden Sie zusätzlich hier: https://developers.google.com/chart/interactive/docs/gallery/sankey
Beispiel: Füllen der Daten
final ChartModel model = ChartModel.New()
.addColumn(Column.New(Column.Type.STRING, "sourcecolumn"))
.addColumn(Column.New(Column.Type.STRING, "destinationColumn"))
.addColumn(Column.New(Column.Type.NUMBER, "valueColumn"));
model.addRow("Brazil", "Portugal", 5);
model.addRow("Brazil", "France", 1);
model.addRow("Brazil", "Spain", 1);
model.addRow("Brazil", "England", 1);
model.addRow("Canada", "Portugal", 1);
model.addRow("Canada", "France", 5);
model.addRow("Canada", "England", 1);
model.addRow("Mexico", "Portugal", 1);
model.addRow("Mexico", "France", 1);
model.addRow("Mexico", "Spain", 5);
model.addRow("Mexico", "England", 1);
model.addRow("USA", "Portugal", 1);
model.addRow("USA", "France", 1);
model.addRow("USA", "Spain", 1);
model.addRow("USA", "England", 5);
model.addRow("Portugal", "Angola", 2);
model.addRow("Portugal", "Senegal", 1);
model.addRow("Portugal", "Morocco", 1);
model.addRow("Portugal", "South Africa", 3);
model.addRow("France", "Angola", 1);
model.addRow("France", "Senegal", 3);
model.addRow("France", "Mali", 3);
model.addRow("France", "Morocco", 3);
model.addRow("France", "South Africa", 1);
model.addRow("Spain", "Senegal", 1);
model.addRow("Spain", "Morocco", 3);
model.addRow("Spain", "South Africa", 1);
model.addRow("England", "Angola", 1);
model.addRow("England", "Senegal", 1);
model.addRow("England", "Morocco", 2);
model.addRow("England", "South Africa", 7);
model.addRow("South Africa", "China", 5);
model.addRow("South Africa", "India", 1);
model.addRow("South Africa", "Japan", 3);
model.addRow("Angola", "China", 5);
model.addRow("Angola", "India", 1);
model.addRow("Angola", "Japan", 3);
model.addRow("Senegal", "China", 5);
model.addRow("Senegal", "India", 1);
model.addRow("Senegal", "Japan", 3);
model.addRow("Mali", "China", 5);
model.addRow("Mali", "India", 1);
model.addRow("Mali", "Japan", 3);
model.addRow("Morocco", "China", 5);
model.addRow("Morocco", "India", 1);
model.addRow("Morocco", "Japan", 3);
this.sankeyChart.setModel(model); |
API und Methoden:
Properties |
|
---|---|
LinkColor Configuration | LinkColor.New(
"black", // Color of the link border.
3, // Thickness of the link border (default 0).
"white", // Color of the link.
0.4); // Transparency of the link. |
Link Configuration | Controls attributes of the connections between nodes. Currently all attributes pertain to color: // Custom color palette for sankey nodes. Nodes will cycle through this palette giving each node its own color.
final List<String> colors = Arrays.asList("#a6cee3", "#b2df8a", "#fb9a99", "#fdbf6f", "#cab2d6", "#ffff99", "#1f78b4", "#33a02c");
LinkColor linkColor = LinkColor.New("black", 3, "white", 0.4);
Link.New(
linkColor,
colors,
ColorMode.GRADIENT); //Sets a coloring mode for the links between nodes. |
Node Configuration | Controls attributes of the nodes (the vertical bars between links): |
Sankey Configuration |
, multiple selections available,
Related content
SankeyChart
SankeyChart
More like this
Annotation Chart
Annotation Chart
More like this
Annotation Chart
Annotation Chart
More like this
Calendar Chart
Calendar Chart
More like this
Calendar Chart
Calendar Chart
More like this
GanttChart
GanttChart
More like this
XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.