feat: revamp demo

demo/data/line.ts

@@ -0,0 +1,38 @@
+import type { Option } from "../../src/types";
+import { DEMO_TEXT_STYLE } from "../constants";
+
+export default function getData(): Option {
+  const option = {
+    textStyle: { ...DEMO_TEXT_STYLE },
+    legend: { top: 20 },
+    tooltip: {
+      trigger: "axis",
+    },
+    dataset: {
+      source: [
+        ["product", "2012", "2013", "2014", "2015", "2016", "2017"],
+        ["Milk Tea", 56.5, 82.1, 88.7, 70.1, 53.4, 85.1],
+        ["Matcha Latte", 51.1, 51.4, 55.1, 53.3, 73.8, 68.7],
+        ["Cheese Cocoa", 40.1, 62.2, 69.5, 36.4, 45.2, 32.5],
+        ["Walnut Brownie", 25.2, 37.1, 41.2, 18, 33.9, 49.1],
+      ],
+    },
+    xAxis: {
+      type: "category",
+      triggerEvent: true,
+      tooltip: { show: true },
+    },
+    yAxis: {
+      triggerEvent: true,
+      tooltip: { show: true },
+    },
+    series: Array.from({ length: 4 }, () => ({
+      type: "line",
+      smooth: true,
+      seriesLayoutBy: "row" as const,
+      emphasis: { focus: "series" as const },
+    })),
+  } satisfies Option;
+
+  return option;
+}