XCharts - the best free open source chart plug-in for Unity! (1) Basic introduction

Just talk about practical stuff! ! ! (If you have any questions that are too detailed or have not been mentioned, please ask directly.)
Contents

Introduction to XCharts

Plug-in introduction

Plugin download

Basic use of XCharts

Type introduction

1. Line Chart

2. Bar Chart

3. PieChart

4.RadarChart

Property introduction

1. Theme

2. Setting

3. Grid coordinates (Grid Goord)

4. Title

5. Tooltip

6. Abscissa (X Axis)

7. Y Axis Same as 6.

8. Data series (Serises)

Next issue preview


Introduction to XCharts

Plug-in introduction

A charting and data visualization library for Unity.

  • The best free open source chart plug-in for Unity, you can get started in 5 minutes.
  • Supports more than ten common charts such as line charts, bar charts, sector charts, radar charts, scatter charts, heat maps, donut charts, K-line charts, polar coordinates, parallel coordinates, etc.
  • Supports a variety of extended components and extended charts. Provide extended customization services to meet users' individual needs.

Plugin download

1. Official website: ( XCharts (xcharts-team.github.io) )

2. The blogger’s own (link: https://pan.baidu.com/s/1hMglWFPp7jqFZ9d8MP7V6w?pwd=rye0 
extraction code: rye0)

Basic use of XCharts

Type introduction

1. Line Chart

2. Bar Chart

3. PieChart _

4.RadarChart _ _

(Currently, these four practical ones are introduced)

Property introduction

1. Theme _

 (It is very different from the old version, but no adjustment is needed )

2. Setting _


Base Painter Material - affects the entire background

 The rest of the effects are literal

3. Grid coordinates (Grid Goord)

left , right , top , button control the left, right, up and down of the graphics ( generally no need to adjust )

Background Color controls the background color of graphics (different from the background material)

! ! ! If you don't have a color change, you forgot to adjust the color transparency.

 


4. Title _

Text controls the text content of the title , and Sub Text controls the text content of the subtitle.

Location controls the position of the title text .


Label Style controls text type, size , background , position rotation , etc.

 Text Style is to control text type size, etc.

5. Tooltip _

The rest are some positions and sizes, etc., in the same way

How is the specific prompt information visualized?

 When your mouse is placed on it, its value will be displayed

6. Abscissa (X Axis)


Axis Name : Generally needs to be clicked! As the name content of this axis .

Axis Tick : Node, don’t worry about it .

Axis Label : It is the type size of x1, x2, x3, x4, x5 . After expansion, you can also adjust the text size, etc., in the same way.

Data : It is the content of x1, x2, x3, x4, x5 .

7. Y Axis Same as 6 .

However, there is generally no need to change the text, because it is generally a data type and the range will be automatically generated.

8. Data series (Serises)


Animation ( animation during playback , generally unchanged) 

Data : specific data

 The data corresponds accordingly and can be changed dynamically either directly or through code .

Next issue preview

( Data display, percentage display, group classification prompts )

(2) Advanced usage - super powerful XCharts combined with code

Guess you like

Origin blog.csdn.net/2201_75516689/article/details/131890984