{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ex-loading-state-echarts-line-chart",
  "registryDependencies": [
    "@evilcharts/echarts-line-chart"
  ],
  "files": [
    {
      "path": "src/registry/examples/echarts/ex-loading-state-echarts-line-chart.tsx",
      "content": "\"use client\";\n\nimport { EChartsLineChart, type ChartConfig } from \"@/registry/charts/echarts-line-chart\";\n\nconst data: { month: string; desktop: number; mobile: number }[] = [];\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    colors: {\n      light: [\"#047857\"],\n      dark: [\"#10b981\"],\n    },\n  },\n  mobile: {\n    label: \"Mobile\",\n    colors: {\n      light: [\"#be123c\"],\n      dark: [\"#f43f5e\"],\n    },\n  },\n} satisfies ChartConfig;\n\nexport function EChartsExampleLineChart() {\n  return (\n    <EChartsLineChart\n      data={data} // if isLoading is true, pass empty array → i.e isLoading ? [] : data\n      config={chartConfig}\n      className=\"h-full w-full p-4\"\n      isLoading={true} // [!code highlight]\n      curveType=\"bump\"\n    >\n      <EChartsLineChart.XAxis dataKey=\"month\" tickFormatter={(value) => value.substring(0, 3)} />\n      <EChartsLineChart.YAxis dataKey=\"desktop\" />\n      <EChartsLineChart.Legend isClickable />\n      <EChartsLineChart.Tooltip />\n      <EChartsLineChart.Line dataKey=\"desktop\" strokeVariant=\"solid\" isClickable>\n        <EChartsLineChart.ActiveDot variant=\"default\" />\n      </EChartsLineChart.Line>\n      <EChartsLineChart.Line dataKey=\"mobile\" strokeVariant=\"solid\" isClickable>\n        <EChartsLineChart.ActiveDot variant=\"default\" />\n      </EChartsLineChart.Line>\n    </EChartsLineChart>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}