chart.ts 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. import type { ChartData } from '@/lib/types/slides';
  2. export const CHART_TYPE_MAP: Record<string, string> = {
  3. bar: '柱状图',
  4. column: '条形图',
  5. line: '折线图',
  6. area: '面积图',
  7. scatter: '散点图',
  8. pie: '饼图',
  9. ring: '环形图',
  10. radar: '雷达图',
  11. };
  12. export const CHART_DEFAULT_DATA: Record<string, ChartData> = {
  13. bar: {
  14. labels: ['类别1', '类别2', '类别3', '类别4', '类别5'],
  15. legends: ['系列1', '系列2'],
  16. series: [
  17. [12, 19, 5, 2, 18],
  18. [7, 11, 13, 21, 9],
  19. ],
  20. },
  21. column: {
  22. labels: ['类别1', '类别2', '类别3', '类别4', '类别5'],
  23. legends: ['系列1', '系列2'],
  24. series: [
  25. [12, 19, 5, 2, 18],
  26. [7, 11, 13, 21, 9],
  27. ],
  28. },
  29. line: {
  30. labels: ['类别1', '类别2', '类别3', '类别4', '类别5'],
  31. legends: ['系列1', '系列2'],
  32. series: [
  33. [12, 19, 5, 2, 18],
  34. [7, 11, 13, 21, 9],
  35. ],
  36. },
  37. pie: {
  38. labels: ['类别1', '类别2', '类别3', '类别4', '类别5'],
  39. legends: ['值'],
  40. series: [[12, 19, 5, 2, 18]],
  41. },
  42. ring: {
  43. labels: ['类别1', '类别2', '类别3', '类别4', '类别5'],
  44. legends: ['值'],
  45. series: [[12, 19, 5, 2, 18]],
  46. },
  47. area: {
  48. labels: ['类别1', '类别2', '类别3', '类别4', '类别5'],
  49. legends: ['系列1', '系列2'],
  50. series: [
  51. [12, 19, 5, 2, 18],
  52. [7, 11, 13, 21, 9],
  53. ],
  54. },
  55. radar: {
  56. labels: ['类别1', '类别2', '类别3', '类别4', '类别5'],
  57. legends: ['系列1', '系列2'],
  58. series: [
  59. [12, 19, 5, 2, 18],
  60. [7, 11, 13, 21, 9],
  61. ],
  62. },
  63. scatter: {
  64. labels: ['坐标1', '坐标2', '坐标3', '坐标4', '坐标5'],
  65. legends: ['X', 'Y'],
  66. series: [
  67. [12, 19, 5, 2, 18],
  68. [7, 11, 13, 21, 9],
  69. ],
  70. },
  71. };
  72. export const CHART_PRESET_THEMES = [
  73. ['#d87c7c', '#919e8b', '#d7ab82', '#6e7074', '#61a0a8', '#efa18d'],
  74. ['#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53', '#eedd78'],
  75. ['#516b91', '#59c4e6', '#edafda', '#93b7e3', '#a5e7f0', '#cbb0e3'],
  76. ['#893448', '#d95850', '#eb8146', '#ffb248', '#f2d643', '#ebdba4'],
  77. ['#4ea397', '#22c3aa', '#7bd9a5', '#d0648a', '#f58db2', '#f2b3c9'],
  78. ['#3fb1e3', '#6be6c1', '#626c91', '#a0a7e6', '#c4ebad', '#96dee8'],
  79. ['#fc97af', '#87f7cf', '#f7f494', '#72ccff', '#f7c5a0', '#d4a4eb'],
  80. ['#c1232b', '#27727b', '#fcce10', '#e87c25', '#b5c334', '#fe8463'],
  81. ['#2ec7c9', '#b6a2de', '#5ab1ef', '#ffb980', '#d87a80', '#8d98b3'],
  82. ['#e01f54', '#001852', '#f5e8c8', '#b8d2c7', '#c6b38e', '#a4d8c2'],
  83. ['#c12e34', '#e6b600', '#0098d9', '#2b821d', '#005eaa', '#339ca8'],
  84. ['#8a7ca8', '#e098c7', '#8fd3e8', '#71669e', '#cc70af', '#7cb4cc'],
  85. ];