Many series
Twelve product lines in one stream.
Open the chart without page chrome ↗
const options = {
chart: {
height: 380,
fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif",
type: "streamgraph",
toolbar: {
show: false
}
},
series: [
{
name: "Line A",
data: [
[1672531200000, 7],
[1675157760000, 13],
[1677784320000, 13],
[1680410880000, 14],
[1683037440000, 16],
[1685664000000, 12],
[1688290560000, 9],
[1690917120000, 2],
[1693543680000, 0],
[1696170240000, 4],
[1698796800000, 4],
[1701423360000, 5],
[1704049920000, 7],
[1706676480000, 12],
[1709303040000, 12],
[1711929600000, 13],
[1714556160000, 11],
[1717182720000, 11],
[1719809280000, 11],
[1722435840000, 7],
[1725062400000, 5],
[1727688960000, 4],
[1730315520000, 1],
[1732942080000, 1],
[1735568640000, 4],
[1738195200000, 6],
[1740821760000, 11],
[1743448320000, 13],
[1746074880000, 15],
[1748701440000, 13],
[1751328000000, 13],
[1753954560000, 7],
[1756581120000, 7],
[1759207680000, 4],
[1761834240000, 4],
[1764460800000, 3]
]
},
{
name: "Line B",
data: [
[1672531200000, 13],
[1675157760000, 14],
[1677784320000, 15],
[1680410880000, 9],
[1683037440000, 11],
[1685664000000, 9],
[1688290560000, 5],
[1690917120000, 6],
[1693543680000, 4],
[1696170240000, 3],
[1698796800000, 4],
[1701423360000, 8],
[1704049920000, 7],
[1706676480000, 7],
[1709303040000, 13],
[1711929600000, 15],
[1714556160000, 15],
[1717182720000, 16],
[1719809280000, 15],
[1722435840000, 9],
[1725062400000, 4],
[1727688960000, 3],
[1730315520000, 6],
[1732942080000, 3],
[1735568640000, 3],
[1738195200000, 3],
[1740821760000, 10],
[1743448320000, 7],
[1746074880000, 12],
[1748701440000, 14],
[1751328000000, 14],
[1753954560000, 15],
[1756581120000, 14],
[1759207680000, 9],
[1761834240000, 9],
[1764460800000, 4]
]
},
{
name: "Line C",
data: [
[1672531200000, 14],
[1675157760000, 12],
[1677784320000, 8],
[1680410880000, 9],
[1683037440000, 5],
[1685664000000, 5],
[1688290560000, 2],
[1690917120000, 3],
[1693543680000, 5],
[1696170240000, 3],
[1698796800000, 4],
[1701423360000, 6],
[1704049920000, 11],
[1706676480000, 14],
[1709303040000, 14],
[1711929600000, 15],
[1714556160000, 14],
[1717182720000, 12],
[1719809280000, 9],
[1722435840000, 9],
[1725062400000, 5],
[1727688960000, 7],
[1730315520000, 3],
[1732942080000, 3],
[1735568640000, 2],
[1738195200000, 3],
[1740821760000, 3],
[1743448320000, 9],
[1746074880000, 12],
[1748701440000, 10],
[1751328000000, 12],
[1753954560000, 17],
[1756581120000, 11],
[1759207680000, 13],
[1761834240000, 14],
[1764460800000, 8]
]
},
{
name: "Line D",
data: [
[1672531200000, 8],
[1675157760000, 7],
[1677784320000, 4],
[1680410880000, 6],
[1683037440000, 4],
[1685664000000, 0],
[1688290560000, 3],
[1690917120000, 2],
[1693543680000, 4],
[1696170240000, 8],
[1698796800000, 9],
[1701423360000, 10],
[1704049920000, 12],
[1706676480000, 13],
[1709303040000, 12],
[1711929600000, 15],
[1714556160000, 11],
[1717182720000, 13],
[1719809280000, 11],
[1722435840000, 7],
[1725062400000, 6],
[1727688960000, 7],
[1730315520000, 3],
[1732942080000, 2],
[1735568640000, 3],
[1738195200000, 5],
[1740821760000, 5],
[1743448320000, 8],
[1746074880000, 11],
[1748701440000, 12],
[1751328000000, 15],
[1753954560000, 15],
[1756581120000, 15],
[1759207680000, 14],
[1761834240000, 13],
[1764460800000, 12]
]
},
{
name: "Line E",
data: [
[1672531200000, 5],
[1675157760000, 3],
[1677784320000, 2],
[1680410880000, 2],
[1683037440000, 3],
[1685664000000, 5],
[1688290560000, 5],
[1690917120000, 7],
[1693543680000, 11],
[1696170240000, 12],
[1698796800000, 10],
[1701423360000, 13],
[1704049920000, 14],
[1706676480000, 13],
[1709303040000, 14],
[1711929600000, 14],
[1714556160000, 11],
[1717182720000, 8],
[1719809280000, 5],
[1722435840000, 9],
[1725062400000, 5],
[1727688960000, 3],
[1730315520000, 4],
[1732942080000, 5],
[1735568640000, 6],
[1738195200000, 7],
[1740821760000, 5],
[1743448320000, 8],
[1746074880000, 8],
[1748701440000, 11],
[1751328000000, 15],
[1753954560000, 14],
[1756581120000, 15],
[1759207680000, 15],
[1761834240000, 12],
[1764460800000, 15]
]
},
{
name: "Line F",
data: [
[1672531200000, 4],
[1675157760000, 3],
[1677784320000, 6],
[1680410880000, 6],
[1683037440000, 7],
[1685664000000, 7],
[1688290560000, 9],
[1690917120000, 10],
[1693543680000, 14],
[1696170240000, 18],
[1698796800000, 15],
[1701423360000, 15],
[1704049920000, 12],
[1706676480000, 14],
[1709303040000, 11],
[1711929600000, 9],
[1714556160000, 7],
[1717182720000, 5],
[1719809280000, 3],
[1722435840000, 1],
[1725062400000, 2],
[1727688960000, 5],
[1730315520000, 4],
[1732942080000, 4],
[1735568640000, 5],
[1738195200000, 7],
[1740821760000, 5],
[1743448320000, 10],
[1746074880000, 10],
[1748701440000, 11],
[1751328000000, 11],
[1753954560000, 13],
[1756581120000, 14],
[1759207680000, 14],
[1761834240000, 14],
[1764460800000, 11]
]
},
{
name: "Line G",
data: [
[1672531200000, 6],
[1675157760000, 11],
[1677784320000, 9],
[1680410880000, 10],
[1683037440000, 11],
[1685664000000, 12],
[1688290560000, 16],
[1690917120000, 16],
[1693543680000, 14],
[1696170240000, 12],
[1698796800000, 12],
[1701423360000, 13],
[1704049920000, 8],
[1706676480000, 9],
[1709303040000, 7],
[1711929600000, 5],
[1714556160000, 5],
[1717182720000, 3],
[1719809280000, 3],
[1722435840000, 1],
[1725062400000, 2],
[1727688960000, 5],
[1730315520000, 6],
[1732942080000, 5],
[1735568640000, 7],
[1738195200000, 7],
[1740821760000, 7],
[1743448320000, 11],
[1746074880000, 12],
[1748701440000, 17],
[1751328000000, 13],
[1753954560000, 13],
[1756581120000, 12],
[1759207680000, 15],
[1761834240000, 13],
[1764460800000, 10]
]
},
{
name: "Line H",
data: [
[1672531200000, 11],
[1675157760000, 14],
[1677784320000, 15],
[1680410880000, 16],
[1683037440000, 13],
[1685664000000, 13],
[1688290560000, 13],
[1690917120000, 11],
[1693543680000, 13],
[1696170240000, 11],
[1698796800000, 8],
[1701423360000, 6],
[1704049920000, 4],
[1706676480000, 4],
[1709303040000, 1],
[1711929600000, 3],
[1714556160000, 2],
[1717182720000, 5],
[1719809280000, 3],
[1722435840000, 2],
[1725062400000, 5],
[1727688960000, 3],
[1730315520000, 10],
[1732942080000, 11],
[1735568640000, 8],
[1738195200000, 12],
[1740821760000, 12],
[1743448320000, 12],
[1746074880000, 16],
[1748701440000, 15],
[1751328000000, 15],
[1753954560000, 14],
[1756581120000, 14],
[1759207680000, 12],
[1761834240000, 11],
[1764460800000, 10]
]
},
{
name: "Line I",
data: [
[1672531200000, 12],
[1675157760000, 12],
[1677784320000, 13],
[1680410880000, 11],
[1683037440000, 12],
[1685664000000, 9],
[1688290560000, 10],
[1690917120000, 6],
[1693543680000, 5],
[1696170240000, 5],
[1698796800000, 3],
[1701423360000, 7],
[1704049920000, 0],
[1706676480000, 4],
[1709303040000, 1],
[1711929600000, 4],
[1714556160000, 3],
[1717182720000, 2],
[1719809280000, 3],
[1722435840000, 7],
[1725062400000, 10],
[1727688960000, 9],
[1730315520000, 9],
[1732942080000, 12],
[1735568640000, 14],
[1738195200000, 12],
[1740821760000, 12],
[1743448320000, 12],
[1746074880000, 12],
[1748701440000, 14],
[1751328000000, 11],
[1753954560000, 15],
[1756581120000, 13],
[1759207680000, 10],
[1761834240000, 7],
[1764460800000, 6]
]
},
{
name: "Line J",
data: [
[1672531200000, 8],
[1675157760000, 9],
[1677784320000, 6],
[1680410880000, 5],
[1683037440000, 6],
[1685664000000, 4],
[1688290560000, 6],
[1690917120000, 6],
[1693543680000, 1],
[1696170240000, 0],
[1698796800000, 0],
[1701423360000, 3],
[1704049920000, 4],
[1706676480000, 4],
[1709303040000, 7],
[1711929600000, 6],
[1714556160000, 10],
[1717182720000, 7],
[1719809280000, 10],
[1722435840000, 10],
[1725062400000, 10],
[1727688960000, 11],
[1730315520000, 11],
[1732942080000, 13],
[1735568640000, 14],
[1738195200000, 11],
[1740821760000, 11],
[1743448320000, 11],
[1746074880000, 12],
[1748701440000, 10],
[1751328000000, 12],
[1753954560000, 7],
[1756581120000, 7],
[1759207680000, 4],
[1761834240000, 4],
[1764460800000, 2]
]
},
{
name: "Line K",
data: [
[1672531200000, 5],
[1675157760000, 3],
[1677784320000, 2],
[1680410880000, 3],
[1683037440000, 4],
[1685664000000, 0],
[1688290560000, 1],
[1690917120000, 1],
[1693543680000, 4],
[1696170240000, 4],
[1698796800000, 5],
[1701423360000, 8],
[1704049920000, 7],
[1706676480000, 11],
[1709303040000, 8],
[1711929600000, 7],
[1714556160000, 12],
[1717182720000, 12],
[1719809280000, 11],
[1722435840000, 13],
[1725062400000, 14],
[1727688960000, 14],
[1730315520000, 16],
[1732942080000, 13],
[1735568640000, 12],
[1738195200000, 12],
[1740821760000, 12],
[1743448320000, 10],
[1746074880000, 10],
[1748701440000, 7],
[1751328000000, 6],
[1753954560000, 4],
[1756581120000, 3],
[1759207680000, 3],
[1761834240000, 3],
[1764460800000, 0]
]
},
{
name: "Line L",
data: [
[1672531200000, 1],
[1675157760000, 2],
[1677784320000, 2],
[1680410880000, 4],
[1683037440000, 5],
[1685664000000, 3],
[1688290560000, 3],
[1690917120000, 6],
[1693543680000, 12],
[1696170240000, 11],
[1698796800000, 9],
[1701423360000, 12],
[1704049920000, 12],
[1706676480000, 11],
[1709303040000, 15],
[1711929600000, 13],
[1714556160000, 9],
[1717182720000, 16],
[1719809280000, 14],
[1722435840000, 14],
[1725062400000, 11],
[1727688960000, 13],
[1730315520000, 13],
[1732942080000, 10],
[1735568640000, 7],
[1738195200000, 4],
[1740821760000, 6],
[1743448320000, 6],
[1746074880000, 6],
[1748701440000, 2],
[1751328000000, 4],
[1753954560000, 2],
[1756581120000, 4],
[1759207680000, 2],
[1761834240000, 2],
[1764460800000, 0]
]
}
],
xaxis: {
type: "datetime"
},
legend: {
show: true
},
title: {
text: "Units by product line"
},
theme: {
mode: "light",
preset: "coastal"
}
}
const chart = new WestCoastCharts(document.querySelector('#chart'), options)
chart.render()import WestCoastCharts from 'west-coast-charts'
import types from 'west-coast-charts/types'
WestCoastCharts.use(types)
const options = {
chart: {
height: 380,
fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif",
type: "streamgraph",
toolbar: {
show: false
}
},
series: [
{
name: "Line A",
data: [
[1672531200000, 7],
[1675157760000, 13],
[1677784320000, 13],
[1680410880000, 14],
[1683037440000, 16],
[1685664000000, 12],
[1688290560000, 9],
[1690917120000, 2],
[1693543680000, 0],
[1696170240000, 4],
[1698796800000, 4],
[1701423360000, 5],
[1704049920000, 7],
[1706676480000, 12],
[1709303040000, 12],
[1711929600000, 13],
[1714556160000, 11],
[1717182720000, 11],
[1719809280000, 11],
[1722435840000, 7],
[1725062400000, 5],
[1727688960000, 4],
[1730315520000, 1],
[1732942080000, 1],
[1735568640000, 4],
[1738195200000, 6],
[1740821760000, 11],
[1743448320000, 13],
[1746074880000, 15],
[1748701440000, 13],
[1751328000000, 13],
[1753954560000, 7],
[1756581120000, 7],
[1759207680000, 4],
[1761834240000, 4],
[1764460800000, 3]
]
},
{
name: "Line B",
data: [
[1672531200000, 13],
[1675157760000, 14],
[1677784320000, 15],
[1680410880000, 9],
[1683037440000, 11],
[1685664000000, 9],
[1688290560000, 5],
[1690917120000, 6],
[1693543680000, 4],
[1696170240000, 3],
[1698796800000, 4],
[1701423360000, 8],
[1704049920000, 7],
[1706676480000, 7],
[1709303040000, 13],
[1711929600000, 15],
[1714556160000, 15],
[1717182720000, 16],
[1719809280000, 15],
[1722435840000, 9],
[1725062400000, 4],
[1727688960000, 3],
[1730315520000, 6],
[1732942080000, 3],
[1735568640000, 3],
[1738195200000, 3],
[1740821760000, 10],
[1743448320000, 7],
[1746074880000, 12],
[1748701440000, 14],
[1751328000000, 14],
[1753954560000, 15],
[1756581120000, 14],
[1759207680000, 9],
[1761834240000, 9],
[1764460800000, 4]
]
},
{
name: "Line C",
data: [
[1672531200000, 14],
[1675157760000, 12],
[1677784320000, 8],
[1680410880000, 9],
[1683037440000, 5],
[1685664000000, 5],
[1688290560000, 2],
[1690917120000, 3],
[1693543680000, 5],
[1696170240000, 3],
[1698796800000, 4],
[1701423360000, 6],
[1704049920000, 11],
[1706676480000, 14],
[1709303040000, 14],
[1711929600000, 15],
[1714556160000, 14],
[1717182720000, 12],
[1719809280000, 9],
[1722435840000, 9],
[1725062400000, 5],
[1727688960000, 7],
[1730315520000, 3],
[1732942080000, 3],
[1735568640000, 2],
[1738195200000, 3],
[1740821760000, 3],
[1743448320000, 9],
[1746074880000, 12],
[1748701440000, 10],
[1751328000000, 12],
[1753954560000, 17],
[1756581120000, 11],
[1759207680000, 13],
[1761834240000, 14],
[1764460800000, 8]
]
},
{
name: "Line D",
data: [
[1672531200000, 8],
[1675157760000, 7],
[1677784320000, 4],
[1680410880000, 6],
[1683037440000, 4],
[1685664000000, 0],
[1688290560000, 3],
[1690917120000, 2],
[1693543680000, 4],
[1696170240000, 8],
[1698796800000, 9],
[1701423360000, 10],
[1704049920000, 12],
[1706676480000, 13],
[1709303040000, 12],
[1711929600000, 15],
[1714556160000, 11],
[1717182720000, 13],
[1719809280000, 11],
[1722435840000, 7],
[1725062400000, 6],
[1727688960000, 7],
[1730315520000, 3],
[1732942080000, 2],
[1735568640000, 3],
[1738195200000, 5],
[1740821760000, 5],
[1743448320000, 8],
[1746074880000, 11],
[1748701440000, 12],
[1751328000000, 15],
[1753954560000, 15],
[1756581120000, 15],
[1759207680000, 14],
[1761834240000, 13],
[1764460800000, 12]
]
},
{
name: "Line E",
data: [
[1672531200000, 5],
[1675157760000, 3],
[1677784320000, 2],
[1680410880000, 2],
[1683037440000, 3],
[1685664000000, 5],
[1688290560000, 5],
[1690917120000, 7],
[1693543680000, 11],
[1696170240000, 12],
[1698796800000, 10],
[1701423360000, 13],
[1704049920000, 14],
[1706676480000, 13],
[1709303040000, 14],
[1711929600000, 14],
[1714556160000, 11],
[1717182720000, 8],
[1719809280000, 5],
[1722435840000, 9],
[1725062400000, 5],
[1727688960000, 3],
[1730315520000, 4],
[1732942080000, 5],
[1735568640000, 6],
[1738195200000, 7],
[1740821760000, 5],
[1743448320000, 8],
[1746074880000, 8],
[1748701440000, 11],
[1751328000000, 15],
[1753954560000, 14],
[1756581120000, 15],
[1759207680000, 15],
[1761834240000, 12],
[1764460800000, 15]
]
},
{
name: "Line F",
data: [
[1672531200000, 4],
[1675157760000, 3],
[1677784320000, 6],
[1680410880000, 6],
[1683037440000, 7],
[1685664000000, 7],
[1688290560000, 9],
[1690917120000, 10],
[1693543680000, 14],
[1696170240000, 18],
[1698796800000, 15],
[1701423360000, 15],
[1704049920000, 12],
[1706676480000, 14],
[1709303040000, 11],
[1711929600000, 9],
[1714556160000, 7],
[1717182720000, 5],
[1719809280000, 3],
[1722435840000, 1],
[1725062400000, 2],
[1727688960000, 5],
[1730315520000, 4],
[1732942080000, 4],
[1735568640000, 5],
[1738195200000, 7],
[1740821760000, 5],
[1743448320000, 10],
[1746074880000, 10],
[1748701440000, 11],
[1751328000000, 11],
[1753954560000, 13],
[1756581120000, 14],
[1759207680000, 14],
[1761834240000, 14],
[1764460800000, 11]
]
},
{
name: "Line G",
data: [
[1672531200000, 6],
[1675157760000, 11],
[1677784320000, 9],
[1680410880000, 10],
[1683037440000, 11],
[1685664000000, 12],
[1688290560000, 16],
[1690917120000, 16],
[1693543680000, 14],
[1696170240000, 12],
[1698796800000, 12],
[1701423360000, 13],
[1704049920000, 8],
[1706676480000, 9],
[1709303040000, 7],
[1711929600000, 5],
[1714556160000, 5],
[1717182720000, 3],
[1719809280000, 3],
[1722435840000, 1],
[1725062400000, 2],
[1727688960000, 5],
[1730315520000, 6],
[1732942080000, 5],
[1735568640000, 7],
[1738195200000, 7],
[1740821760000, 7],
[1743448320000, 11],
[1746074880000, 12],
[1748701440000, 17],
[1751328000000, 13],
[1753954560000, 13],
[1756581120000, 12],
[1759207680000, 15],
[1761834240000, 13],
[1764460800000, 10]
]
},
{
name: "Line H",
data: [
[1672531200000, 11],
[1675157760000, 14],
[1677784320000, 15],
[1680410880000, 16],
[1683037440000, 13],
[1685664000000, 13],
[1688290560000, 13],
[1690917120000, 11],
[1693543680000, 13],
[1696170240000, 11],
[1698796800000, 8],
[1701423360000, 6],
[1704049920000, 4],
[1706676480000, 4],
[1709303040000, 1],
[1711929600000, 3],
[1714556160000, 2],
[1717182720000, 5],
[1719809280000, 3],
[1722435840000, 2],
[1725062400000, 5],
[1727688960000, 3],
[1730315520000, 10],
[1732942080000, 11],
[1735568640000, 8],
[1738195200000, 12],
[1740821760000, 12],
[1743448320000, 12],
[1746074880000, 16],
[1748701440000, 15],
[1751328000000, 15],
[1753954560000, 14],
[1756581120000, 14],
[1759207680000, 12],
[1761834240000, 11],
[1764460800000, 10]
]
},
{
name: "Line I",
data: [
[1672531200000, 12],
[1675157760000, 12],
[1677784320000, 13],
[1680410880000, 11],
[1683037440000, 12],
[1685664000000, 9],
[1688290560000, 10],
[1690917120000, 6],
[1693543680000, 5],
[1696170240000, 5],
[1698796800000, 3],
[1701423360000, 7],
[1704049920000, 0],
[1706676480000, 4],
[1709303040000, 1],
[1711929600000, 4],
[1714556160000, 3],
[1717182720000, 2],
[1719809280000, 3],
[1722435840000, 7],
[1725062400000, 10],
[1727688960000, 9],
[1730315520000, 9],
[1732942080000, 12],
[1735568640000, 14],
[1738195200000, 12],
[1740821760000, 12],
[1743448320000, 12],
[1746074880000, 12],
[1748701440000, 14],
[1751328000000, 11],
[1753954560000, 15],
[1756581120000, 13],
[1759207680000, 10],
[1761834240000, 7],
[1764460800000, 6]
]
},
{
name: "Line J",
data: [
[1672531200000, 8],
[1675157760000, 9],
[1677784320000, 6],
[1680410880000, 5],
[1683037440000, 6],
[1685664000000, 4],
[1688290560000, 6],
[1690917120000, 6],
[1693543680000, 1],
[1696170240000, 0],
[1698796800000, 0],
[1701423360000, 3],
[1704049920000, 4],
[1706676480000, 4],
[1709303040000, 7],
[1711929600000, 6],
[1714556160000, 10],
[1717182720000, 7],
[1719809280000, 10],
[1722435840000, 10],
[1725062400000, 10],
[1727688960000, 11],
[1730315520000, 11],
[1732942080000, 13],
[1735568640000, 14],
[1738195200000, 11],
[1740821760000, 11],
[1743448320000, 11],
[1746074880000, 12],
[1748701440000, 10],
[1751328000000, 12],
[1753954560000, 7],
[1756581120000, 7],
[1759207680000, 4],
[1761834240000, 4],
[1764460800000, 2]
]
},
{
name: "Line K",
data: [
[1672531200000, 5],
[1675157760000, 3],
[1677784320000, 2],
[1680410880000, 3],
[1683037440000, 4],
[1685664000000, 0],
[1688290560000, 1],
[1690917120000, 1],
[1693543680000, 4],
[1696170240000, 4],
[1698796800000, 5],
[1701423360000, 8],
[1704049920000, 7],
[1706676480000, 11],
[1709303040000, 8],
[1711929600000, 7],
[1714556160000, 12],
[1717182720000, 12],
[1719809280000, 11],
[1722435840000, 13],
[1725062400000, 14],
[1727688960000, 14],
[1730315520000, 16],
[1732942080000, 13],
[1735568640000, 12],
[1738195200000, 12],
[1740821760000, 12],
[1743448320000, 10],
[1746074880000, 10],
[1748701440000, 7],
[1751328000000, 6],
[1753954560000, 4],
[1756581120000, 3],
[1759207680000, 3],
[1761834240000, 3],
[1764460800000, 0]
]
},
{
name: "Line L",
data: [
[1672531200000, 1],
[1675157760000, 2],
[1677784320000, 2],
[1680410880000, 4],
[1683037440000, 5],
[1685664000000, 3],
[1688290560000, 3],
[1690917120000, 6],
[1693543680000, 12],
[1696170240000, 11],
[1698796800000, 9],
[1701423360000, 12],
[1704049920000, 12],
[1706676480000, 11],
[1709303040000, 15],
[1711929600000, 13],
[1714556160000, 9],
[1717182720000, 16],
[1719809280000, 14],
[1722435840000, 14],
[1725062400000, 11],
[1727688960000, 13],
[1730315520000, 13],
[1732942080000, 10],
[1735568640000, 7],
[1738195200000, 4],
[1740821760000, 6],
[1743448320000, 6],
[1746074880000, 6],
[1748701440000, 2],
[1751328000000, 4],
[1753954560000, 2],
[1756581120000, 4],
[1759207680000, 2],
[1761834240000, 2],
[1764460800000, 0]
]
}
],
xaxis: {
type: "datetime"
},
legend: {
show: true
},
title: {
text: "Units by product line"
},
theme: {
mode: "light",
preset: "coastal"
}
}
const chart = new WestCoastCharts(document.querySelector('#chart'), options)
await chart.render()Waiting for the chart.
Open Data & agent view to read this chart through chart.describe().
Read from the running library through its optional agent/describe module. Text, table and JSON share the same snapshot. Demo data only.
$ wcc chart export streamgraph-streamgraph-many-series.json --out streamgraph-streamgraph-many-series.svg --with-tablePublic agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm. Save a JSON spec first and check the loaded runtime and supported modules before rendering. Command reference
Loading /gallery/streamgraph/streamgraph-many-series/index.md …