chart.js 513 B

12345678910111213141516171819202122232425262728293031323334353637
  1. import {
  2. Chart,
  3. Interval,
  4. Axis
  5. } from '@antv/f2';
  6. import {
  7. jsx as _jsx
  8. } from "@antv/f2/jsx-runtime";
  9. import {
  10. jsxs as _jsxs
  11. } from "@antv/f2/jsx-runtime";
  12. export default (({
  13. data
  14. }) => {
  15. return _jsxs(Chart, {
  16. data,
  17. children: [
  18. _jsx(Axis, {
  19. field: "month"
  20. }),
  21. _jsx(Axis, {
  22. field: "value"
  23. }),
  24. _jsx(Interval, {
  25. x: "month",
  26. y: "value",
  27. color: "name",
  28. adjust: {
  29. type: 'dodge',
  30. marginRatio: 0.05, // 设置分组间柱子的间距
  31. },
  32. })
  33. ]
  34. });
  35. });