30. In the VTable integrated VChart chart scene, how to deal with the truncation of dots at the edge?—

Not only an out-of-the-box multi-terminal chart library, but also a vivid and flexible data storyteller.

Not only a high-performance multi-dimensional data analysis form, but also a grid artist created between rows and columns.

VGrammar Data Magician

It is not only a visual grammar that generates thousands of charts, but also a data magician who turns boring into magic.

VRender Visual Rendering

Not only a visual rendering engine with rich functions, but also a handy pen.

VMind Smart Visualization Suit

Not just automatic, but also fantastic.

VStory Relationship Explorer plus

It is not only a fully functional graph visualization library, but also an explorer of data relationships.

!!!###!!!title=30. In the VTable integrated VChart chart scene, how to deal with the truncation of dots at the edge?——VisActor/VTable FAQ documents!!!###!!!!!!###!!!description=---title: 8. In the VTable integrated VChart chart scene, how to deal with the truncation of dots at the edge?</br>key words: VisActor,VChart,VTable,VStrory,VMind,VGrammar,VRender,Visualization,Chart,Data,Table,Graph,Gis,LLM--- !!!###!!!

Title

In the VTable integrated VChart chart scene, how to deal with the truncation of dots at the edge?

Description

In the VTable integrated VChart chart scenario, how to avoid the edge points being truncated when drawing points on the chart.

Solution

Configure innerOffset on the axes axis. After adding it as above, there will be a certain distance between the elements on the chart and the edge of the table.

Code Example


const option = {
  axes: [
          {
            orient: 'left',
            type: 'linear',
            innerOffset: {
              top: 4,
              bottom: 4,
            }
          },
          {
            orient: 'bottom',
            type: 'band',
            innerOffset: {
              left: 4,
              right: 4,
            }
          }
        ]
  ...
}

const tableInstance = new VTable.ListTable(container, option);</br>

Results

Online effect reference:https://visactor.io/vtable/demo/table-type/pivot-chart-scatter

Title

Description

Solution

Code Example

Results

Related Documents