UNPKG

@types/echarts

Version:
1,193 lines (1,106 loc) 748 kB
declare namespace echarts { namespace EChartOption { /** * **heat map** * * Heat map mainly use colors to represent values, which must be used * along with * [visualMap](https://echarts.apache.org/en/option.html#visualMap) * component. * * It can be used in either * [rectangular coordinate](https://echarts.apache.org/en/option.html#grid) * or * [geographic coordinate](https://echarts.apache.org/en/option.html#geo) * * But the behaviour on them are quite different. * Rectangular coordinate must have two catagories to use it. * * Here are the examples using it in rectangular coordinate and geographic * coordinate: * * **rectangular coordinate:** * * [see doc](https://echarts.apache.org/en/option.html#series-heatmap) * * **geographic coordinate:** * * [see doc](https://echarts.apache.org/en/option.html#series-heatmap) * * * @see https://echarts.apache.org/en/option.html#series-heatmap */ interface SeriesHeatmap { /** * @default * "heatmap" * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.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-heatmap.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-heatmap.xAxisIndex) * and * [yAxisIndex](https://echarts.apache.org/en/option.html#series-heatmap.yAxisIndex) * to assign the corresponding axis component. * * + `'geo'` * * Use geographic coordinate, with * [geoIndex](https://echarts.apache.org/en/option.html#series-heatmap.geoIndex) * to assign the corresponding geographic coordinate components. * * * @default * "cartesian2d" * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.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-heatmap.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-heatmap.geoIndex */ geoIndex?: number | undefined; /** * Index of * [calendar coordinates](https://echarts.apache.org/en/option.html#calendar) * to combine with, which is useful for multiple calendar coordinates * in one chart. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.calendarIndex */ calendarIndex?: number | undefined; /** * Blur size of each data point. It is valid with * [coordinateSystem](https://echarts.apache.org/en/option.html#series-heatmap.coordinateSystem) * of 'geo' value. * * * @default * 20 * @see https://echarts.apache.org/en/option.html#series-heatmap.blurSize */ blurSize?: number | undefined; /** * Minimum opacity. It is valid with * [coordinateSystem](https://echarts.apache.org/en/option.html#series-heatmap.coordinateSystem) * of 'geo' value. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.minOpacity */ minOpacity?: number | undefined; /** * Maximum opacity. It is valid with * [coordinateSystem](https://echarts.apache.org/en/option.html#series-heatmap.coordinateSystem) * of 'geo' value. * * * @default * 1 * @see https://echarts.apache.org/en/option.html#series-heatmap.maxOpacity */ maxOpacity?: number | undefined; /** * Work for * [coordinateSystem](https://echarts.apache.org/en/option.html#series-heatmap.coordinateSystem) * : 'cartesian2d'. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label */ label?: { /** * Whether to show label. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.show */ show?: boolean | undefined; /** * Label position. * * **Followings are the options:** * * + \[x, y\] * * Use relative percentage, or absolute pixel values to represent * position of label relative to top-left corner of bounding * box. For example: * * [see doc](https://echarts.apache.org/en/option.html#series-heatmap.heatmap.label) * * + 'top' * * + 'left' * + 'right' * + 'bottom' * + 'inside' * + 'insideLeft' * + 'insideRight' * + 'insideTop' * + 'insideBottom' * + 'insideTopLeft' * + 'insideBottomLeft' * + 'insideTopRight' * + 'insideBottomRight' * * See: * [label position](https://echarts.apache.org/examples/en/view.html?c=doc-example/label-position) * . * * * @default * "inside" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.position */ position?: any[] | string | undefined; /** * Distance to the host graphic element. * Works when position is string value (like `'top'`、`'insideRight'`). * * See: * [label position](https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position) * . * * * @default * 5 * @see https://echarts.apache.org/en/option.html#series-heatmap.label.distance */ distance?: number | undefined; /** * Rotate label, from -90 degree to 90, positive value represents * rotate anti-clockwise. * * See: * [label rotation](https://echarts.apache.org/examples/en/editor.html?c=bar-label-rotation) * . * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.rotate */ rotate?: number | undefined; /** * Whether to move text slightly. * For example: `[30, 40]` means move `30` horizontally and * move `40` vertically. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.offset */ offset?: any[] | undefined; /** * text color. * * If set as `'auto'`, the color will assigned as visual color, * such as series color. * * * @default * ""#fff"" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.color */ color?: string | undefined; /** * font style * * Options are: * * + `'normal'` * + `'italic'` * + `'oblique'` * * * @default * "normal" * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.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-heatmap.label.fontFamily */ fontFamily?: string | undefined; /** * font size * * * @default * 12 * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label) * * `width` or `height` can be specified when using background * image, or auto adapted by default. * * If set as `'auto'`, the color will assigned as visual color, * such as series color. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.backgroundColor */ backgroundColor?: object | string | undefined; /** * Border color of the text fregment. * * If set as `'auto'`, the color will assigned as visual color, * such as series color. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.borderColor */ borderColor?: string | undefined; /** * Border width of the text fregment. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.borderWidth */ borderWidth?: number | undefined; /** * Border radius of the text fregment. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.label.padding */ padding?: any[] | number | undefined; /** * Shadow color of the text block. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.shadowColor */ shadowColor?: string | undefined; /** * Show blur of the text block. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.shadowBlur */ shadowBlur?: number | undefined; /** * Shadow X offset of the text block. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.shadowOffsetX */ shadowOffsetX?: number | undefined; /** * Shadow Y offset of the text block. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.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-heatmap.label.height */ height?: number | string | undefined; /** * Storke color of the text. * * If set as `'auto'`, the color will assigned as visual color, * such as series color. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.textBorderColor */ textBorderColor?: string | undefined; /** * Storke line width of the text. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.textBorderWidth */ textBorderWidth?: number | undefined; /** * Shadow color of the text itself. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.textShadowColor */ textShadowColor?: string | undefined; /** * Shadow blue of the text itself. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.textShadowBlur */ textShadowBlur?: number | undefined; /** * Shadow X offset of the text itself. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.label.textShadowOffsetX */ textShadowOffsetX?: number | undefined; /** * Shadow Y offset of the text itself. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.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-heatmap.label.rich */ rich?: { /** * @see https://echarts.apache.org/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E */ [userStyle: string]: { /** * text color. * * If set as `'auto'`, the color will assigned as visual * color, such as series color. * * * @default * ""#fff"" * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.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-heatmap.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-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily */ fontFamily?: string | undefined; /** * font size * * * @default * 12 * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.heatmap.label.rich.%3Cuser%20defined%20style%20name%3E) * * `width` or `height` can be specified when using background * image, or auto adapted by default. * * If set as `'auto'`, the color will assigned as visual * color, such as series color. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.backgroundColor */ backgroundColor?: object | string | undefined; /** * Border color of the text fregment. * * If set as `'auto'`, the color will assigned as visual * color, such as series color. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.height */ height?: number | string | undefined; /** * Storke color of the text. * * If set as `'auto'`, the color will assigned as visual * color, such as series color. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.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-heatmap.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY */ textShadowOffsetY?: number | undefined; }; } | undefined; } | undefined; /** * Work for * [coordinateSystem](https://echarts.apache.org/en/option.html#series-heatmap.coordinateSystem) * : 'cartesian2d'. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle */ itemStyle?: { /** * 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-heatmap.heatmap.itemStyle) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.color */ color?: EChartOption.Color | undefined; /** * border color, whose format is similar to that of `color`. * * * @default * "#000" * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.borderColor */ borderColor?: EChartOption.Color | undefined; /** * border width. No border when it is set to be 0. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.borderWidth */ borderWidth?: number | undefined; /** * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`. * `'solid'` by default. * * * @default * "solid" * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.borderType */ borderType?: 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-heatmap.heatmap.itemStyle) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.shadowBlur */ shadowBlur?: number | undefined; /** * Shadow color. Support same format as `color`. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.shadowColor */ shadowColor?: EChartOption.Color | undefined; /** * Offset distance on the horizontal direction of shadow. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.shadowOffsetX */ shadowOffsetX?: number | undefined; /** * Offset distance on the vertical direction of shadow. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.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. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.itemStyle.opacity */ opacity?: number | undefined; } | undefined; /** * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis */ emphasis?: { /** * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle */ itemStyle?: { /** * 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-heatmap.heatmap.emphasis.itemStyle) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.color */ color?: EChartOption.Color | undefined; /** * border color, whose format is similar to that of `color`. * * * @default * "#000" * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.borderColor */ borderColor?: EChartOption.Color | undefined; /** * border width. No border when it is set to be 0. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.borderWidth */ borderWidth?: number | undefined; /** * Border type, which can be `'solid'`, `'dashed'`, or `'dotted'`. * `'solid'` by default. * * * @default * "solid" * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.borderType */ borderType?: 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-heatmap.heatmap.emphasis.itemStyle) * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.shadowBlur */ shadowBlur?: number | undefined; /** * Shadow color. Support same format as `color`. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.shadowColor */ shadowColor?: EChartOption.Color | undefined; /** * Offset distance on the horizontal direction of shadow. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.shadowOffsetX */ shadowOffsetX?: number | undefined; /** * Offset distance on the vertical direction of shadow. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.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. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.itemStyle.opacity */ opacity?: number | undefined; } | undefined; /** * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.label */ label?: { /** * Whether to show label. * * * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.label.show */ show?: boolean | undefined; /** * Label position. * * **Followings are the options:** * * + \[x, y\] * * Use relative percentage, or absolute pixel values to * represent position of label relative to top-left corner * of bounding box. For example: * * [see doc](https://echarts.apache.org/en/option.html#series-heatmap.heatmap.emphasis.label) * * + 'top' * * + 'left' * + 'right' * + 'bottom' * + 'inside' * + 'insideLeft' * + 'insideRight' * + 'insideTop' * + 'insideBottom' * + 'insideTopLeft' * + 'insideBottomLeft' * + 'insideTopRight' * + 'insideBottomRight' * * See: * [label position](https://echarts.apache.org/examples/en/view.html?c=doc-example/label-position) * . * * * @default * "inside" * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.label.position */ position?: any[] | string | undefined; /** * Distance to the host graphic element. * Works when position is string value (like `'top'`、`'insideRight'`). * * See: * [label position](https://echarts.apache.org/examples/en/editor.html?c=doc-example/label-position) * . * * * @default * 5 * @see https://echarts.apache.org/en/option.html#series-heatmap.emphasis.label.distance */ distance?: number | undefined; /** * Rotate label, from -90 degree to 90, positive value represents * rotate