8000 [Bug] axis title has overlong text · Issue #443 · VisActor/VChart · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
[Bug] axis title has overlong text #443
Closed
@ssfxz

Description

@ssfxz

Version

1.1.0

Link to Minimal Reproduction

n/a

Steps to Reproduce

  1. left axis long title not ellipsis
  2. bottom axis can not interact

spec:

{
  type: 'area',
  data: [
    {
      id: 'area',
      values: [
        {
          x: '1990',
          y: 110,
          from: 'vedio ad'
        },
        {
          x: '1995',
          y: 160,
          from: 'vedio ad'
        },
        {
          x: '2000',
          y: 230,
          from: 'vedio ad'
        },
        {
          x: '2005',
          y: 300,
          from: 'vedio ad'
        },
        {
          x: '2010',
          y: 448,
          from: 'vedio ad'
        },
        {
          x: '2015',
          y: 500,
          from: 'vedio ad'
        },
        {
          x: '1990',
          y: 120,
          from: 'email marketing'
        },
        {
          x: '1995',
          y: 150,
          from: 'email marketing'
        },
        {
          x: '2000',
          y: 200,
          from: 'email marketing'
        },
        {
          x: '2005',
          y: 210,
          from: 'email marketing'
        },
        {
          x: '2010',
          y: 300,
          from: 'email marketing'
        },
        {
          x: '2015',
          y: 320,
          from: 'email marketing'
        }
      ]
    }
  ],
  xField: 'x',
  yField: 'y',
  seriesField: 'from',
  line: {
    style: {
      curveType: 'monotone'
    }
  },
  area: {
    style: {
      fillOpacity: 1,
      fill: {
        gradient: 'linear',
        x0: 0.5,
        y0: 0,
        x1: 0.5,
        y1: 1,
        stops: [
          {
            offset: 0,
            opacity: 0.2
          },
          {
            offset: 1,
            opacity: 0
          }
        ]
      }
    }
  },
  axes: [
    {
      orient: 'bottom',
      title:  {
        visible: true,
        text: '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111'
      }
    },
    {
      orient: 'left',
      title:  {
        visible: true,
        text: '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111'
      }
    }
  ]
};

Current Behavior

image

Expected Behavior

  1. left axis can be ellipsis
  2. bottom axis can be interact

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

Metadata

Metadata

Assignees

Labels

bpbugSomething isn't working

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0