Skip to content

100% Stacked Area

Info - How to setup Chart 
import pandas as pd
from ipyvizzu import Chart, Data, Config, Style

data_frame = pd.read_csv(
    "https://ipyvizzu.vizzuhq.com/0.15/assets/data/chart_types_eu_data_6.csv",
    dtype={"Year": str, "Timeseries": str},
)
data = Data()
data.add_data_frame(data_frame)

chart = Chart()
chart.animate(data)
  • remove the Dimension from Y-axis
  • set the Align parameter from 'stretch' to 'min'
  • switch the Geometry from Area to Line
chart.animate(
    Config(
        {
            "channels": {
                "x": "Year",
                "y": ["Value 2 (+)", "Country"],
                "color": "Country",
            },
            "geometry": "area",
            "align": "stretch",
        }
    )
)

chart.animate(
    Config(
        {
            "channels": {"y": "Value 2 (+)"},
            "geometry": "line",
            "align": "min",
        }
    )
)

chart.feature("tooltip", True)