{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ex-horizontal-layout-echarts-bar-chart",
  "registryDependencies": [
    "@evilcharts/echarts-bar-chart"
  ],
  "files": [
    {
      "path": "src/registry/examples/echarts/ex-horizontal-layout-echarts-bar-chart.tsx",
      "content": "\"use client\";\n\nimport { EChartsBarChart, type ChartConfig } from \"@/registry/charts/echarts-bar-chart\";\n\nconst data = [\n  { month: \"January\", desktop: 186 },\n  { month: \"February\", desktop: 305 },\n  { month: \"March\", desktop: 237 },\n  { month: \"April\", desktop: 173 },\n  { month: \"May\", desktop: 209 },\n  { month: \"June\", desktop: 214 },\n];\n\nconst chartConfig = {\n  desktop: {\n    label: \"Desktop\",\n    colors: {\n      light: [\"#2563eb\"],\n      dark: [\"#3b82f6\"],\n    },\n  },\n} satisfies ChartConfig;\n\nexport function EChartsExampleBarChart() {\n  return (\n    <EChartsBarChart\n      data={data}\n      config={chartConfig}\n      className=\"h-full w-full p-4\"\n      layout=\"horizontal\" // [!code highlight]\n    >\n      <EChartsBarChart.Grid />\n      <EChartsBarChart.YAxis\n        dataKey=\"month\"\n        tickFormatter={(value) => value.substring(0, 3)} // [!code highlight]\n      />\n      <EChartsBarChart.Legend />\n      <EChartsBarChart.Tooltip />\n      <EChartsBarChart.Bar dataKey=\"desktop\" variant=\"default\" />\n    </EChartsBarChart>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}