Theme components. Topics are used to configure other parameters such as the global color scheme for the chart.
Parameters:
*`theme`: Built-in theme types. There are `Default`, `Light`, `Dark` three optional built-in theme.
*`font`: A common font for all text.
*`backgroundColor`: Chart background color.
*`titleTextColor`: The text color of the main title.
*`titleSubTextColor`: The text color of the sub title.
*`legendTextColor`: Legend text color when actived.
*`legendUnableColor`: Legend text color when unactived.
*`axisTextColor`: The text color of axis label.
*`axisLineColor`: The color of axis line.
*`axisSplitLineColor`: The color of the dividing line of the coordinate axis is the same as the default color of the axis.
*`tooltipBackgroundColor`: The background color of the tooltip.
*`tooltipFlagAreaColor`: The color of the shadow indicator for the tooltip.
*`tooltipTextColor`: The text color of Tooltip.
*`tooltipLabelColor`: The cross indicator in the tooltip coordinates the background color of the label.
*`tooltipLineColor`: The color of the indicator line in the tooltip.
*`dataZoomTextColor`: The text color of dataZoom.
*`dataZoomLineColor`: The line color of dataZoom.
*`dataZoomSelectedColor`: The selected area color of dataZoom.
*`colorPalette`: Palette color list. The color list of palette. If no color is set in series, the colors would be adopted sequentially and circularly from this list as the colors of series.
API:
*`GetColor(int index)`: Gets the color of the specified index from the palette.
*`GetColorStr(int index)`: Gets the hexadecimal color string of the specified index from the palette.
*`GetColor(string hexColorStr)`: Convert the html string to color.
## `Title`
Title component, including main title and subtitle.
Parameters:
*`show`: Whether to show title component.Set this to false to prevent the title component from showing.
*`text`: The content of main title, supporting `\n` for newlines.
*`textStyle`: The text style of main title [TextStyle](#TextStyle).
*`subText`: The content of sub title, supporting `\n` for newlines.
*`subTextStyle`: The text style of sub title [TextStyle](#TextStyle).
*`itemGap`: The gap between the main title and sub title.
*`location`: The location of title component [Location](#Location).
Legend component.The legend component shows different sets of symbol, colors, and names. You can control which series are not displayed by clicking on the legend.
Parameters:
*`show`: Whether show legend component.
*`selectedMode`: Selected mode of legend, which controls whether series can be toggled displaying by clicking legends:
*`Multiple`: multi-select.
*`Single`: single select.
*`None`: can’t select.
*`orient`: horizontal or vertical layout:
*`Horizonal`: horizontal layout.
*`Vertical`: vertical layout.
*`location`: the localtion of legend in chart [Location](#Location).
*`itemWidth`: the width of legend icon.
*`itemHeight`: the height of legend icon.
*`itemGap`: The distance between each legend, horizontal distance in horizontal layout, and vertical distance in vertical layout.
*`itemAutoColor`: Whether the legend symbol matches the color automatically.
*`formatter`: Legend content string template formatter. Support for wrapping lines with `\n`. Template:`{name}`.
*`data`: Data array of legend. An array item is usually a name representing string. (If it is a pie chart, it could also be the name of a single data in the pie chart) of a series. If data is not specified, it will be auto collected from series.
*`ContainsData(string name)`: Whether include in legend data by the specified name.
*`RemoveData(string name)`: Remove legend from data.
*`AddData(string name)`: Add legend.
*`GetData(int index)`: Get legend.
*`GetIndex(string legendName)`: Get the index of legend.
## `Polar`
Polar coordinate can be used in scatter and line chart. Every polar coordinate has an angleAxis and a radiusAxis.
Parameters:
*`show`: Whether to show the polor component.
*`center`: The center of ploar. The `center[0]` is the x-coordinate, and the `center[1]` is the y-coordinate. When value between 0 and 1 represents a percentage relative to the chart.
*`radius`: the radius of polar.
*`backgroundColor`: Background color of polar, which is transparent by default.
## `Radar`
Radar coordinate conponnet for radar charts.
*`shape`: Radar render type, in which `Polygon` and `Circle` are supported.
*`Polygon`: Polygon.
*`Circle`: Circle.
*`positionType`: The position type of radar indicator label display.
*`Vertice`: Display at the vertex.
*`Between`: Display at the middle of line.
*`radius`: The radius of radar.[default:0.3f].
*`center`: the center of radar chart. The `center[0]` is the x-coordinate, and the `center[1]` is the y-coordinate. When value between 0 and 1 represents a percentage relative to the chart.[default:[0.5f,0.4f]].
*`ceilRate`: The ratio of maximum and minimum values rounded upward. The default is 0, which is automatically calculated.[default:0].
*`splitNumber`: Segments of indicator axis.[default:5].
*`splitLine`: The split line style of radar [AxisSplitLine](#AxisSplitLine).
*`splitArea`: The split area style of radar [AxisSplitArea](#AxisSplitArea).
*`indicator`: Whether to show indicator.
*`indicatorGap`: The gap of indicator and radar.
*`indicatorList`: The indicator list [Radar.Indicator](#Radar.Indicator).
## `Radar.Indicator`
Indicator of radar chart, which is used to assign multiple variables(dimensions) in radar chart.
*`name`: The name of indicator.
*`max`: The maximum value of indicator, with default value of 0, but we recommend to set it manually.
*`min`: The minimum value of indicator, with default value of 0.
*`textStyle`: The text style of indicator [TextStyle](#TextStyle).
## `TextLimit`
Text character limitation and adaptation component. When the length of the text exceeds the set length, it is cropped and suffixes are appended to the end. Only valid in the category axis.
*`enable`: Whether to enable text limit. [default: `true`].
*`maxWidth`: Set the maximum width. A default of 0 indicates automatic fetch; otherwise, custom. Clipping occurs when the width of the text is greater than this value. [default: `0f`].
*`gap`: White pixel distance at both ends. [default: `10f`].
*`suffix`: Suffixes when the length exceeds. [default: `"..."`].
## `TextStyle`
The component of settings related to text.
*`rotate`: rotate of text. [default: `0f`].
*`offset`: offset of text position. [default: `Vector2.zero`].
*`color`: color of text. [default: `Color.clear`].
*`backgroundColor`: color of text background. [default: `Color.clear`].
*`font`: the font of text. When `null`, the theme's font is used by default. [default: `null`].
*`fontSize`: the size of text. [default: `18`].
*`fontStyle`: the font style of text. [default: `FontStyle.Normal`].
*`lineSpacing`: the space of text line. [default: `1f`].
*`Corss`: crosshair indicator, which is actually the shortcut of enable two axisPointers of two orthometric axes.
*`formatter`: A string template formatter for the total content of the prompt box. Support for wrapping lines with `\n`. When formatter is not null, use formatter first, otherwise use itemFormatter.
* Template variables are `{.}`, `{a}`, `{b}`, `{c}`, `{d}`.
*`{.}` is the dot of the corresponding color of `serie` that is currently indicated or whose `index` is `0`.`
*`{a}` is the `name` of the `serie` that is currently indicated or whose `index` is `0`.
*`{b}` is the `name` of the `serieData` that is currently indicated or whose `index` is `0`, or a `category` value (such as the X-axis of a line chart).
*`{c}` is the value of a Y-dimension (`dimesion` is 1) from the `serie` that is currently indicated or whose `index` is `0`.
*`{d}` is the percentage value of Y-dimensions (`dimesion` is 1) from the `serie` that is currently indicated or whose `index` is `0`, with no `%` sign.
*`{.1}` represents a dot from serie corresponding color that specifies `index` as `1`.
*`1` in `{a1}`, `{b1}`, `{c1}` represents a `serie` that specifies an `index` of `1`.
*`{c1:2}` represents the third data from `serie`'s current indication data item indexed to `1` (a data item has multiple data, `index` 2 represents the third data).
*`{c1:2-2}` represents the third data item from `serie`'s third data item indexed to `1` (i.e., which data item must be specified to specify).
*`{d1:2: F2}` indicates that a formatted string with a value specified separately is `F2` (`numericFormatter` is used when not specified).
*`titleFormatter`: The string template formatter for the tooltip title content. Support for wrapping lines with `\n`. This is only valid if the `itemFormatter` is in effect. The placeholder `{I}` can be set separately to indicate that the title is ignored and not displayed.
*`itemFormatter`: a string template formatter for a single Serie or data item content. Support for wrapping lines with `\n`. When `formatter` is not null, use `formatter` first, otherwise use `itemFormatter`.
*`numericFormatter`: Standard numeric format string. Used to format numeric values to display as strings. Using 'Axx' form: 'A' is the single character of the format specifier, supporting 'C' currency, 'D' decimal, 'E' exponent, 'F' number of vertices, 'G' regular, 'N' digits, 'P' percentage, 'R' round tripping, 'X' hex etc. 'XX' is the precision specification, from '0' - '99'. see: <https://docs.microsoft.com/zh-cn/dotnet/standard/base-types/standard-numeric-format-strings>
*`show`: Whether to show the vessel. [defaut: `true`]
*`shape`: The shape of vessel. [default: `Shape.Circle`]
*`shapeWidth`: Thickness of vessel. [defaut: `5f`]
*`gap`: The gap between the vessel and the liquid. [defaut: `10f`]
*`center`: The center of vessel. The `center[0]` is the x-coordinate, and the `center[1]` is the y-coordinate. When value between `0` and `1` represents a percentage relative to the chart. [default: `[0.5f,0.45f]`]
*`radius`: The radius of vessel. When value between 0 and 1 represents a percentage relative to the chart. [default: `0.35f`]
*`smoothness`: The smoothness of wave. [default: `1f`]
*`backgroundColor`: Background color of polar, which is transparent by default. [default: `Color.clear`]
*`color`: Vessel color. The default is consistent with Serie. [default: `Color32(70, 70, 240, 255)`]
*`autoColor`: Whether automatic color. If true, the color matches serie. [default: `true`]
DataZoom component is used for zooming a specific area, which enables user to investigate data in detail, or get an overview of the data, or get rid of outlier points.
Currently only the control 'X' axis is supported.
*`enable`: Whether to show dataZoom.
*`supportInside`: Whether built-in support is supported. Built into the coordinate system to allow the user to zoom in and out of the coordinate system by mouse dragging, mouse wheel, finger swiping (on the touch screen).
*`supportSlider`: Whether a slider is supported. There are separate sliders on which the user zooms or roams.
* ~~`filterMode`: The mode of data filter, not support yet.~~
* ~~`Filter`: data that outside the window will be filtered, which may lead to some changes of windows of other axes. For each data item, it will be filtered if one of the relevant dimensions is out of the window.~~
* ~~`WeakFilter`: data that outside the window will be filtered, which may lead to some changes of windows of other axes. For each data item, it will be filtered only if all of the relevant dimensions are out of the same side of the window.~~
* ~~`Empty`: data that outside the window will be set to NaN, which will not lead to changes of windows of other axes.~~
* ~~`None`: Do not filter data.~~
* ~~`xAxisIndex`: Specify which xAxis is controlled by the dataZoom.~~
* ~~`yAxisIndex`: Specify which yAxis is controlled by the dataZoom.~~
*`showDataShadow`: Whether to show data shadow, to indicate the data tendency in brief. [default: `true`]
*`showDetail`: Whether to show detail, that is, show the detailed data information when dragging. [default: `false`]
*`zoomLock`: Specify whether to lock the size of window (selected area). [default: `false`]
* ~~`realtime`: Whether to show data shadow in dataZoom-silder component, to indicate the data tendency in brief. [default: `true`]~~
*`min`: The minimum allowed. `min` must be user specified. `[min, max]` forms the domain of the visualMap.
*`max`: The maximum allowed. `max` must be user specified. `[min, max]` forms the domain of the visualMap.
*`range`: Specifies the position of the numeric value corresponding to the handle. Range should be within the range of [min,max].
* ~~`text`: Text on both ends. such as ['High', 'Low'].~~
* ~~`textGap`: The distance between the two text bodies.~~
*`splitNumber`: For continuous data, it is automatically evenly divided into several segments and automatically matches the size of inRange color list when the default is 0.
*`calculable`: Whether the handle used for dragging is displayed (the handle can be dragged to adjust the selected range).
* ~~`realtime`: Whether to update in real time while dragging.~~
*`itemWidth`: The width of the figure, that is, the width of the color bar.
*`itemHeight`: The height of the figure, that is, the height of the color bar.
*`dimension`: Specifies which `dimension` of the `Data` to map to the visual element. `Data` is series.data. Starting at 1, the default is 0 to take the last dimension in data.
*`hoverLink`: When the hoverLink function is turned on, when the mouse hovers over the visualMap component, the corresponding value of the mouse position is highlighted in the corresponding graphic element in the diagram. Conversely, when the mouse hovers over a graphic element in a diagram, the corresponding value of the visualMap component is triangulated in the corresponding position.
*`orient`: Is the layout horizontal or vertical.
*`location`: The location of component.
*`inRange`: Defines the visual color in the selected range.
* ~~`outOfRange`: Defines a visual color outside of the selected range.~~
Grid component. Drawing grid in rectangular coordinate. In a single grid, at most two X and Y axes each is allowed. Line chart, bar chart, and scatter chart can be drawn in grid. There is only one single grid component at most in a single echarts instance.
*`axisLabelText`: Coordinate axis scale label custom content. When the content is empty, `axisLabel` automatically displays the content according to the scale; otherwise, the content is taken from the list definition.
*`minShow`: The min number of data to show in chart.
*`maxShow`: The max number of data to show in chart.
*`maxCache`: The max number of serie data cache. The first data will be remove when the size of serie data is larger then maxCache.
*`sampleDist`: The minimum horizontal pixel distance of sampling, which defaults to `0` without sampling. When the horizontal pixel distance between two data points is less than this value, start sampling to ensure that the horizontal pixel distance between two points is not less than this value.
*`sampleType`: Sample type. This is valid when `sampleDist` is greater than `0`. The following five sampling types are supported:
*`Peak`: Take a peak. When the average value of the filter point is greater than or equal to `sampleAverage`, take the maximum value; If you do it the other way around, you get the minimum.
*`Average`: Take the average of the filter points.
*`Max`: Take the maximum value of the filter point.
*`Min`: Take the minimum value of the filter point.
*`Sum`: Take the sum of the filter points.
*`sampleAverage`: Set the sampling average. When `sampleType` is `Peak`, is the maximum or minimum value used to compare the average value of the filtered data. The default of `0` is to calculate the average of all data in real time.
