@types/echarts
Version:
TypeScript definitions for ECharts
1,210 lines (1,124 loc) • 742 kB
TypeScript
declare namespace echarts {
namespace EChartOption {
/**
* **Lines graph**
*
* It is used to draw the line data with the information about "from"
* and "to"; and it is applied fot drawing the air routes on map, which
* visualizes these routes.
*
* ECharts 2.x
* uses the `markLine` to draw the migrating effect, while in ECharts
* 3, the `lines` graph is recommended to be used.
*
* **Migrating example:**
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines
*/
interface SeriesLines {
/**
* @default
* "lines"
* @see https://echarts.apache.org/en/option.html#series-lines.type
*/
type?: string | undefined;
/**
* Component ID, not specified by default.
* If specified, it can be used to refer the component in option
* or API.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.id
*/
id?: string | undefined;
/**
* Series name used for displaying in
* [tooltip](https://echarts.apache.org/en/option.html#tooltip)
* and filtering with
* [legend](https://echarts.apache.org/en/option.html#legend)
* , or updaing data and configuration with `setOption`.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.name
*/
name?: string | undefined;
/**
* The coordinate used in the series, whose options are:
*
* + `'cartesian2d'`
*
* Use a two-dimensional rectangular coordinate (also known as Cartesian
* coordinate), with
* [xAxisIndex](https://echarts.apache.org/en/option.html#series-lines.xAxisIndex)
* and
* [yAxisIndex](https://echarts.apache.org/en/option.html#series-lines.yAxisIndex)
* to assign the corresponding axis component.
*
* + `'geo'`
*
* Use geographic coordinate, with
* [geoIndex](https://echarts.apache.org/en/option.html#series-lines.geoIndex)
* to assign the corresponding geographic coordinate components.
*
*
* @default
* "geo"
* @see https://echarts.apache.org/en/option.html#series-lines.coordinateSystem
*/
coordinateSystem?: string | undefined;
/**
* Index of
* [x axis](https://echarts.apache.org/en/option.html#xAxis)
* to combine with, which is useful for multiple x axes in one chart.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.xAxisIndex
*/
xAxisIndex?: number | undefined;
/**
* Index of
* [y axis](https://echarts.apache.org/en/option.html#yAxis)
* to combine with, which is useful for multiple y axes in one chart.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.yAxisIndex
*/
yAxisIndex?: number | undefined;
/**
* Index of
* [geographic coordinate](https://echarts.apache.org/en/option.html#geo)
* to combine with, which is useful for multiple geographic axes
* in one chart.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.geoIndex
*/
geoIndex?: number | undefined;
/**
* If draw as polyline.
*
* Default to be `false`. Can only draw a two end straight line.
*
* If it is set true,
* [data.coords](https://echarts.apache.org/en/option.html#series-lines.data.coords)
* can have more than two coord to draw a polyline.
* It is useful when visualizing GPS track data. See example
* [lines-bus](https://echarts.apache.org/examples/en/editor.html?c=lines-bmap-bus)
* .
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.polyline
*/
polyline?: boolean | undefined;
/**
* The setting about special effect of lines.
*
* **Tips:** All the graphs with trail effect should be put on a
* individual layer, which means that
* [zlevel](https://echarts.apache.org/en/option.html#series-lines.zlevel)
* need to be different with others. And the animation (
* [animation](https://echarts.apache.org/en/option.html#series-lines.animation)
* : false) of this layer is suggested to be turned off at the meanwhile.
* Otherwise, other graphic elements in other series and the
* [label](https://echarts.apache.org/en/option.html#series-lines.label)
* of animation would produce unnecessary ghosts.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.effect
*/
effect?: {
/**
* Whether to show special effect.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.effect.show
*/
show?: boolean | undefined;
/**
* The duration of special effect, which unit is second.
*
*
* @default
* 4
* @see https://echarts.apache.org/en/option.html#series-lines.effect.period
*/
period?: number | undefined;
/**
* Effect animation delay.
* Can be number or callback function.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.effect.delay
*/
delay?: Function | number | undefined;
/**
* If symbol movement of special effect has a constant speed,
* which unit is pixel per second.
* [period](https://echarts.apache.org/en/option.html#series-lines.effect.period)
* will be ignored if `constantSpeed` is larger than 0.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.effect.constantSpeed
*/
constantSpeed?: number | undefined;
/**
* The symbol of special effect.
*
* Icon types provided by ECharts includes `'circle'`, `'rect'`,
* `'roundRect'`, `'triangle'`, `'diamond'`, `'pin'`, `'arrow'`,
* `'none'`
*
* It can be set to an image with `'image://url'` , in which
* URL is the link to an image, or `dataURI` of an image.
*
* An image URL example:
*
* ```
* 'image://http://xxx.xxx.xxx/a/b.png'
*
* ```
*
* A `dataURI` example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.effect)
*
* Icons can be set to arbitrary vector path via `'path://'`
* in ECharts.
* As compared with raster image, vector paths prevent from
* jagging and blurring when scaled, and have a better control
* over changing colors.
* Size of vectoer icon will be adapted automatically.
* Refer to
* [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData)
* for more information about format of path.
* You may export vector paths from tools like Adobe Illustrator.
*
* For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.effect)
*
* The above example uses a custom path of plane shape.
*
* **Tip:** Ahe angle of symbol changes as the tangent of track
* changes.
* If you use a custom path, you should make sure that the path
* shape are upward oriented.
* It would ensure that the symbol will always move toward the
* right moving direction when the symbol moves along the track.
*
*
* @default
* "circle"
* @see https://echarts.apache.org/en/option.html#series-lines.effect.symbol
*/
symbol?: string | undefined;
/**
* The symbol size of special effect, which could be set as
* single number such as `10`.
* What's more, arrays could be used to decribe the width and
* height respectively.
* For instance, `[20, 10]` indicates `20` for width and `10`
* for height.
*
*
* @default
* 3
* @see https://echarts.apache.org/en/option.html#series-lines.effect.symbolSize
*/
symbolSize?: any[] | number | undefined;
/**
* The color of special effect symbol, which defaults to be
* same with
* [lineStyle.color](https://echarts.apache.org/en/option.html#series-lines.lineStyle.color)
* .
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.effect.color
*/
color?: string | undefined;
/**
* The length of trail of special effect.
* The values from 0 to 1 could be set.
* Trail would be longer as the the value becomes larger.
*
*
* @default
* 0.2
* @see https://echarts.apache.org/en/option.html#series-lines.effect.trailLength
*/
trailLength?: number | undefined;
/**
* Whether to loop the special effect animation.
*
*
* @default
* "true"
* @see https://echarts.apache.org/en/option.html#series-lines.effect.loop
*/
loop?: boolean | undefined;
} | undefined;
/**
* Whether to enable the optimization of large-scale lines graph.
* It could be enabled when there is a particularly large number
* of data(>=5k) .
*
* After being enabled,
* [largeThreshold](https://echarts.apache.org/en/option.html#series-lines.largeThreshold)
* can be used to indicate the minimum number for turning on the
* optimization.
*
* The style of a single data item can't be customized
*
*
* @default
* "true"
* @see https://echarts.apache.org/en/option.html#series-lines.large
*/
large?: boolean | undefined;
/**
* The threshold enabling the drawing optimization.
*
*
* @default
* 2000
* @see https://echarts.apache.org/en/option.html#series-lines.largeThreshold
*/
largeThreshold?: number | undefined;
/**
* Symbol type at the two ends of the line.
* It can be an array for two ends, or assigned seperately. See
* [data.symbol](https://echarts.apache.org/en/option.html#series-line.markLine.data.0.symbol)
* for more format information.
*
*
* @default
* "none"
* @see https://echarts.apache.org/en/option.html#series-lines.symbol
*/
symbol?: any[] | string | undefined;
/**
* Symbol size at the two ends of the line.
* It can be an array for two ends, or assigned seperately.
*
* **Attention:** You cannot assgin width and height seperately
* as normal `symbolSize`.
*
*
* @default
* 10
* @see https://echarts.apache.org/en/option.html#series-lines.symbolSize
*/
symbolSize?: any[] | number | undefined;
/**
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle
*/
lineStyle?: {
/**
* Line color. Color is taken from
* [option.color Palette](https://echarts.apache.org/en/option.html#color)
* by default.
*
* Supports callback functions, in the form of:
*
* ```
* (params: Object) => Color
*
* ```
*
* Input parameters are `seriesIndex`, `dataIndex`, `data`,
* `value`, and etc. of data item.
*
* > Color can be represented in RGB, for example `'rgb(128,
* 128, 128)'`.
* RGBA can be used when you need alpha channel, for example
* `'rgba(128, 128, 128, 0.5)'`.
* You may also use hexadecimal format, for example `'#ccc'`.
* Gradient color and texture are also supported besides single
* colors.
* >
* > [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.lineStyle)
*
*
* @default
* "self-adaptive"
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.color
*/
color?: EChartOption.Color | undefined;
/**
* line width.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.width
*/
width?: number | undefined;
/**
* line type.
*
* Options are:
*
* + `'solid'`
* + `'dashed'`
* + `'dotted'`
*
*
* @default
* "solid"
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.type
*/
type?: string | undefined;
/**
* Size of shadow blur.
* This attribute should be used along with `shadowColor`,`shadowOffsetX`,
* `shadowOffsetY` to set shadow to component.
*
* For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.lineStyle)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.shadowBlur
*/
shadowBlur?: number | undefined;
/**
* Shadow color. Support same format as `color`.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.shadowColor
*/
shadowColor?: EChartOption.Color | undefined;
/**
* Offset distance on the horizontal direction of shadow.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.shadowOffsetX
*/
shadowOffsetX?: number | undefined;
/**
* Offset distance on the vertical direction of shadow.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.shadowOffsetY
*/
shadowOffsetY?: number | undefined;
/**
* Opacity of the component.
* Supports value from 0 to 1, and the component will not be
* drawn when set to 0.
*
*
* @default
* 0.5
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.opacity
*/
opacity?: number | undefined;
/**
* The curveness of edge.
* The values from 0 to 1 could be set.
* The curveness would be larger as the the value becomes larger.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.lineStyle.curveness
*/
curveness?: number | undefined;
} | undefined;
/**
* Label settings. Does not work when
* [polyline](https://echarts.apache.org/en/option.html#series-lines.polyline)
* is `true`.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label
*/
label?: {
/**
* Whether to show label.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.show
*/
show?: boolean | undefined;
/**
* the position of label, options:
*
* + `'start'`
* + `'middle'`
* + `'end'`
*
*
* @default
* "end"
* @see https://echarts.apache.org/en/option.html#series-lines.label.position
*/
position?: string | undefined;
/**
* Data label formatter, which supports string template and
* callback function.
* In either form, `\n` is supported to represent a new line.
*
* **String template**
*
* Model variation includes:
*
* + `{a}`: series name.
* + `{b}`: the name of a data item.
* + `{c}`: the value of a data item.
* + `{d}`: the percent.
* + `{@xxx}: the value of a dimension named`'xxx'`, for example,`{@product}`refers
* the value of`'product'\` dimension。
* + `{@[n]}: the value of a dimension at the index of`n`, for
* example,`{@\[3\]}\` refers the value at dimensions\[3\].
*
* **example:**
*
* ```
* formatter: '{b}: {d}'
*
* ```
*
* **Callback function**
*
* Callback function is in form of:
*
* ```
* (params: Object|Array) => string
*
* ```
*
* where `params` is the single dataset needed by formatter,
* which is formed as:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.formatter
*/
formatter?: Function | string | undefined;
/**
* text color.
*
*
* @default
* ""#fff""
* @see https://echarts.apache.org/en/option.html#series-lines.label.color
*/
color?: string | undefined;
/**
* font style
*
* Options are:
*
* + `'normal'`
* + `'italic'`
* + `'oblique'`
*
*
* @default
* "normal"
* @see https://echarts.apache.org/en/option.html#series-lines.label.fontStyle
*/
fontStyle?: string | undefined;
/**
* font thick weight
*
* Options are:
*
* + `'normal'`
* + `'bold'`
* + `'bolder'`
* + `'lighter'`
* + 100 | 200 | 300 | 400...
*
*
* @default
* "normal"
* @see https://echarts.apache.org/en/option.html#series-lines.label.fontWeight
*/
fontWeight?: string | number | undefined;
/**
* font family
*
* Can also be 'serif' , 'monospace', ...
*
*
* @default
* "sans-serif"
* @see https://echarts.apache.org/en/option.html#series-lines.label.fontFamily
*/
fontFamily?: string | undefined;
/**
* font size
*
*
* @default
* 12
* @see https://echarts.apache.org/en/option.html#series-lines.label.fontSize
*/
fontSize?: number | undefined;
/**
* Horizontal alignment of text, automatic by default.
*
* Options are:
*
* + `'left'`
* + `'center'`
* + `'right'`
*
* If `align` is not set in `rich`, `align` in parent level
* will be used. For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.align
*/
align?: string | undefined;
/**
* Vertical alignment of text, automatic by default.
*
* Options are:
*
* + `'top'`
* + `'middle'`
* + `'bottom'`
*
* If `verticalAlign` is not set in `rich`, `verticalAlign`
* in parent level will be used. For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.verticalAlign
*/
verticalAlign?: string | undefined;
/**
* Line height of the text fregment.
*
* If `lineHeight` is not set in `rich`, `lineHeight` in parent
* level will be used. For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.lineHeight
*/
lineHeight?: number | undefined;
/**
* Background color of the text fregment.
*
* Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
*
* Or image can be used, for example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label)
*
* `width` or `height` can be specified when using background
* image, or auto adapted by default.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.backgroundColor
*/
backgroundColor?: object | string | undefined;
/**
* Border color of the text fregment.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.borderColor
*/
borderColor?: string | undefined;
/**
* Border width of the text fregment.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.borderWidth
*/
borderWidth?: number | undefined;
/**
* Border radius of the text fregment.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.borderRadius
*/
borderRadius?: number | undefined;
/**
* Padding of the text fregment, for example:
*
* + `padding: [3, 4, 5, 6]`: represents padding of `[top, right,
* bottom, left]`.
* + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
* + `padding: [3, 4]`: represents `padding: [3, 4, 3, 4]`.
*
* Notice, `width` and `height` specifies the width and height
* of the content, without `padding`.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.padding
*/
padding?: any[] | number | undefined;
/**
* Shadow color of the text block.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.shadowColor
*/
shadowColor?: string | undefined;
/**
* Show blur of the text block.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.shadowBlur
*/
shadowBlur?: number | undefined;
/**
* Shadow X offset of the text block.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.shadowOffsetX
*/
shadowOffsetX?: number | undefined;
/**
* Shadow Y offset of the text block.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.shadowOffsetY
*/
shadowOffsetY?: number | undefined;
/**
* Width of the text block.
* It is the width of the text by default.
* In most cases, there is no need to specify it.
* You may want to use it in some cases like make simple table
* or using background image (see `backgroundColor`).
*
* Notice, `width` and `height` specifies the width and height
* of the content, without `padding`.
*
* `width` can also be percent string, like `'100%'`, which
* represents the percent of `contentWidth` (that is, the width
* without `padding`) of its container box.
* It is based on `contentWidth` because that each text fregment
* is layout based on the `content box`, where it makes no sense
* that calculating width based on `outerWith` in prectice.
*
* Notice, `width` and `height` only work when `rich` specified.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.width
*/
width?: number | string | undefined;
/**
* Height of the text block.
* It is the width of the text by default.
* You may want to use it in some cases like using background
* image (see `backgroundColor`).
*
* Notice, `width` and `height` specifies the width and height
* of the content, without `padding`.
*
* Notice, `width` and `height` only work when `rich` specified.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.height
*/
height?: number | string | undefined;
/**
* Storke color of the text.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.textBorderColor
*/
textBorderColor?: string | undefined;
/**
* Storke line width of the text.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.textBorderWidth
*/
textBorderWidth?: number | undefined;
/**
* Shadow color of the text itself.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.textShadowColor
*/
textShadowColor?: string | undefined;
/**
* Shadow blue of the text itself.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.textShadowBlur
*/
textShadowBlur?: number | undefined;
/**
* Shadow X offset of the text itself.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.textShadowOffsetX
*/
textShadowOffsetX?: number | undefined;
/**
* Shadow Y offset of the text itself.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.textShadowOffsetY
*/
textShadowOffsetY?: number | undefined;
/**
* "Rich text styles" can be defined in this `rich` property.
* For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label)
*
* For more details, see
* [Rich Text](https://echarts.apache.org/en/option.htmltutorial.html#Rich%20Text)
* please.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich
*/
rich?: {
/**
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E
*/
[userStyle: string]: {
/**
* text color.
*
*
* @default
* ""#fff""
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.color
*/
color?: string | undefined;
/**
* font style
*
* Options are:
*
* + `'normal'`
* + `'italic'`
* + `'oblique'`
*
*
* @default
* "normal"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontStyle
*/
fontStyle?: string | undefined;
/**
* font thick weight
*
* Options are:
*
* + `'normal'`
* + `'bold'`
* + `'bolder'`
* + `'lighter'`
* + 100 | 200 | 300 | 400...
*
*
* @default
* "normal"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontWeight
*/
fontWeight?: string | number | undefined;
/**
* font family
*
* Can also be 'serif' , 'monospace', ...
*
*
* @default
* "sans-serif"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily
*/
fontFamily?: string | undefined;
/**
* font size
*
*
* @default
* 12
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.fontSize
*/
fontSize?: number | undefined;
/**
* Horizontal alignment of text, automatic by default.
*
* Options are:
*
* + `'left'`
* + `'center'`
* + `'right'`
*
* If `align` is not set in `rich`, `align` in parent
* level will be used. For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.align
*/
align?: string | undefined;
/**
* Vertical alignment of text, automatic by default.
*
* Options are:
*
* + `'top'`
* + `'middle'`
* + `'bottom'`
*
* If `verticalAlign` is not set in `rich`, `verticalAlign`
* in parent level will be used. For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.verticalAlign
*/
verticalAlign?: string | undefined;
/**
* Line height of the text fregment.
*
* If `lineHeight` is not set in `rich`, `lineHeight`
* in parent level will be used. For example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.lineHeight
*/
lineHeight?: number | undefined;
/**
* Background color of the text fregment.
*
* Can be color string, like `'#123234'`, `'red'`, `rgba(0,23,11,0.3)'`.
*
* Or image can be used, for example:
*
* [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.label.rich.%3Cuser%20defined%20style%20name%3E)
*
* `width` or `height` can be specified when using background
* image, or auto adapted by default.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor
*/
backgroundColor?: object | string | undefined;
/**
* Border color of the text fregment.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.borderColor
*/
borderColor?: string | undefined;
/**
* Border width of the text fregment.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.borderWidth
*/
borderWidth?: number | undefined;
/**
* Border radius of the text fregment.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.borderRadius
*/
borderRadius?: number | undefined;
/**
* Padding of the text fregment, for example:
*
* + `padding: [3, 4, 5, 6]`: represents padding of
* `[top, right, bottom, left]`.
* + `padding: 4`: represents `padding: [4, 4, 4, 4]`.
* + `padding: [3, 4]`: represents `padding: [3, 4,
* 3, 4]`.
*
* Notice, `width` and `height` specifies the width
* and height of the content, without `padding`.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.padding
*/
padding?: any[] | number | undefined;
/**
* Shadow color of the text block.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowColor
*/
shadowColor?: string | undefined;
/**
* Show blur of the text block.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowBlur
*/
shadowBlur?: number | undefined;
/**
* Shadow X offset of the text block.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetX
*/
shadowOffsetX?: number | undefined;
/**
* Shadow Y offset of the text block.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.shadowOffsetY
*/
shadowOffsetY?: number | undefined;
/**
* Width of the text block.
* It is the width of the text by default.
* In most cases, there is no need to specify it.
* You may want to use it in some cases like make simple
* table or using background image (see `backgroundColor`).
*
* Notice, `width` and `height` specifies the width
* and height of the content, without `padding`.
*
* `width` can also be percent string, like `'100%'`,
* which represents the percent of `contentWidth` (that
* is, the width without `padding`) of its container
* box.
* It is based on `contentWidth` because that each text
* fregment is layout based on the `content box`, where
* it makes no sense that calculating width based on
* `outerWith` in prectice.
*
* Notice, `width` and `height` only work when `rich`
* specified.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.width
*/
width?: number | string | undefined;
/**
* Height of the text block.
* It is the width of the text by default.
* You may want to use it in some cases like using background
* image (see `backgroundColor`).
*
* Notice, `width` and `height` specifies the width
* and height of the content, without `padding`.
*
* Notice, `width` and `height` only work when `rich`
* specified.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.height
*/
height?: number | string | undefined;
/**
* Storke color of the text.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderColor
*/
textBorderColor?: string | undefined;
/**
* Storke line width of the text.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textBorderWidth
*/
textBorderWidth?: number | undefined;
/**
* Shadow color of the text itself.
*
*
* @default
* "transparent"
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowColor
*/
textShadowColor?: string | undefined;
/**
* Shadow blue of the text itself.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowBlur
*/
textShadowBlur?: number | undefined;
/**
* Shadow X offset of the text itself.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetX
*/
textShadowOffsetX?: number | undefined;
/**
* Shadow Y offset of the text itself.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY
*/
textShadowOffsetY?: number | undefined;
};
} | undefined;
} | undefined;
/**
* Emphasis style.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.emphasis
*/
emphasis?: {
/**
* @see https://echarts.apache.org/en/option.html#series-lines.emphasis.lineStyle
*/
lineStyle?: {
/**
* Line color.
*
* > Color can be represented in RGB, for example `'rgb(128,
* 128, 128)'`.
* RGBA can be used when you need alpha channel, for example
* `'rgba(128, 128, 128, 0.5)'`.
* You may also use hexadecimal format, for example `'#ccc'`.
* Gradient color and texture are also supported besides
* single colors.
* >
* > [see doc](https://echarts.apache.org/en/option.html#series-lines.lines.emphasis.lineStyle)
*
*
* @default
* "#000"
* @see https://echarts.apache.org/en/option.html#series-lines.emphasis.lineStyle.color
*/
color?: EChartOption.Color | undefined;
/**
* line width.
*
*
* @see https://echarts.apache.org/en/option.html#series-lines.emphasis.lineStyle.width
*/
width?: number | undefined;
/**
* line type.
*
* Options are:
*