settingConfig.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. import { commonConfig, displayOption } from 'packages/js/config'
  2. export const settingConfig = {
  3. padding: [30, 30, 50, 80],
  4. legend: false,
  5. isGroup: true,
  6. data: [],
  7. color: '',
  8. theme: 'dark',
  9. label: {
  10. // 可手动配置 label 数据标签位置
  11. position: 'top', // 'top', 'bottom', 'middle',
  12. // 配置样式
  13. content: ''
  14. },
  15. seriesField: '', // 分组
  16. displayOption: {
  17. ...displayOption,
  18. metricField: {
  19. // 指标
  20. label: '指标',
  21. enable: false,
  22. multiple: false // 是否多选
  23. },
  24. dimensionField: {
  25. // 表格列
  26. label: '表格列', // 维度/查询字段
  27. enable: true,
  28. multiple: true // 是否多选
  29. }
  30. }
  31. }
  32. const customConfig = {
  33. type: 'tables',
  34. root: {
  35. contribution: false
  36. },
  37. customize: {
  38. theme: 'dark', // 'light'、'dark'
  39. // 表格头部背景颜色
  40. headerBackgroundColor: '',
  41. // 表格头部字体颜色
  42. headerFontColor: '#ffffff',
  43. // 表格头部字体大小
  44. headerFontSize: 14,
  45. // 表格主体背景颜色
  46. bodyBackgroundColor: '',
  47. // 表格主体字体颜色
  48. bodyFontColor: '#ffffff',
  49. // 表格主体字体大小
  50. bodyFontSize: 14,
  51. // 表格是否需要斑马纹
  52. stripe: false,
  53. // 表格奇数行背景颜色
  54. oddRowBackgroundColor: '',
  55. // 表格偶数行背景颜色‘
  56. evenRowBackgroundColor: ''
  57. // 表格是否需要边框
  58. // border: false,
  59. }
  60. }
  61. export const dataConfig = {
  62. ...commonConfig(customConfig)
  63. }