parallel-axis

10 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

parallelAxis parallelIndex option

The parallelIndex option (number, default 0) defines which coordinate the axis should map to. It is used when multiple parallel coordinates exist in the chart. If there is only one parallel coordinate, this does not need to be configured and defaults to 0.

parallelAxis component for parallel coordinates

The parallelAxis component is the coordinate axis for parallel coordinate systems in ECharts. It is used to define axes that map data dimensions to the parallel coordinate visualization.

parallelAxis dim option

The dim option (number) specifies the dimension index of the coordinate axis. It defines which dimension (which row) of data maps to this axis. Indexing starts from 0. For example, if dim is 1, the second row of data maps to this axis.

parallelAxis parallelIndex example

Example of mapping multiple axes to multiple parallel coordinates: ```javascript myChart.setOption({ parallel: [ {...}, // the first parallel coordinate {...} // the second parallel coordinate ], parallelAxis: [ {parallelIndex: 1, ...}, // the first coordinate axis, mapping to the second parallel coordinate {parallelIndex: 0, ...}, // the second coordinate axis, mapping to the first parallel coordinate {parallelIndex: 1, ...}, // the third coordinate axis, mapping to the second parallel coordinate {parallelIndex: 0, ...} // the fourth coordinate axis, mapping to the first parallel coordinate ], ... }); ```

parallelAxis realtime option

The realtime option (boolean, default true) controls whether the view refreshes when brush-selecting the axis. If set to false, the view updates only after the brush-selecting action ends. When handling large data amounts, it is recommended to set realtime to false to avoid efficiency problems.

parallelAxis areaSelectStyle configuration

The areaSelectStyle object configures the visual appearance of the area selecting box on axes. It contains the following properties: width (number, default 20), borderWidth (number, default 1), borderColor (Color, default 'rgba(160,197,232)'), color (Color, default 'rgba(160,197,232)'), and opacity (number, default 0.3, range 0-1).

parallelAxis areaSelectStyle.width option

The width option (number, default 20) within areaSelectStyle specifies the width of the selecting box on the parallel axis.

parallelAxis areaSelectStyle.borderWidth option

The borderWidth option (number, default 1) within areaSelectStyle specifies the border width of the select box.

parallelAxis areaSelectStyle.color option

The color option (Color, default 'rgba(160,197,232)') within areaSelectStyle specifies the fill color of the select box.

parallelAxis areaSelectStyle.opacity option

The opacity option (number, default 0.3, range 0 to 1) within areaSelectStyle specifies the opacity of the select box.

Give your agent this brain