SankeyChart

Owned by Christian K
Last updated: Apr 09, 2020
2 min read

 

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

 

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

 

XDEV Software Corp. - One Embarcadero Center, San Francisco, CA 94111, US
Copyright © 2015. XDEV Software Corp. All rights reserved.