Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mix类型表格渲染有些问题 #59

Open
joyous-coder opened this issue Feb 25, 2024 · 0 comments
Open

Mix类型表格渲染有些问题 #59

joyous-coder opened this issue Feb 25, 2024 · 0 comments

Comments

@joyous-coder
Copy link

因为在一个图标中只暂时一个饼状图,在空间上有些浪费,所以想使用Mix类型的图,这种类型可以在一个图里面同时展示多个图表。

Clip_2024-02-25_18-33-07

https://ant-design-charts.antgroup.com/examples/plugin/multi-view/#drinks

我试着按照上面链接的配置配置了一下,效果如下图
Clip_2024-02-25_18-34-28

下面的是我的配置:

#-----------------#
#- chart type    -#
#-----------------#
type: Mix

#-----------------#
#- chart data    -#
#-----------------#
data: |
  dataviewjs:
  return [{type:'123',value:'222'},{type:'3232',value:'2332'}]

#-----------------#
#- chart options -#
#-----------------#
options:
  height: 300
  padding: 'auto'
  tooltip: 
    showMarkers: false
  views: 
    - data: [{type:'123',value:'222'},{type:'3232',value:'2332'}]
      region:
        start: 
          x: 0
          y: 0
        end:
          x: 0.45
          y: 0.45
      coordinate:
        type: 'theta'
        cfg:
          radius: 0.85
      axes:
        value:
          title:
            text: '睡时保暖'
          grid: null
          tickLine: null
          line: false
          ticks: false
      geometries: 
        - type: 'interval'
          xField: '1'
          yField: 'value'
          colorField: 'type'
          mapping: {}
          adjust:  
            type: 'stack'
      interactions:
        - type: 'element-active'
        - type: 'association-highlight'

我不知道是不是自己配置的有啥问题,麻烦大神帮忙看看

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant