@types/echarts

declare namespace echarts { namespace EChartOption { /** * **pictorial bar chart** * * Pictorial bar chart is a type of bar chart that custimzed glyph (like * images, * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData) * ) can be used instead of rectangular bar. * This kind of chart is usually used in infographic. * * Pictorial bar chart can only be used in * [rectangular coordinate](https://echarts.apache.org/en/option.html#grid) * with at least 1 category axis. * * **Example:** * * [see doc](https://echarts.apache.org/en/option.html#series-pictorialBar) * * **Layout** * * Basically `pictoialBar` is a type of bar chart, which follows the * bar chart layout. * In `pictorialBar`, each bar is named as `reference bar`, which does * not be shown, but only be used as a reference for layout of pictorial * graphic elements. * Each pictorial graphic element is positioned with respect to its * `reference bar` according to the setting of * [symbolPosition](https://echarts.apache.org/en/option.html#series-pictorialBar.symbolPosition) * 、 * [symbolOffset](https://echarts.apache.org/en/option.html#series-pictorialBar.symbolOffset) * . * * See the example below: * * [see doc](https://echarts.apache.org/en/option.html#series-pictorialBar) * * [symbolSize](https://echarts.apache.org/en/option.html#series-pictorialBar.symbolSize) * is used to specify the size of graphic elements. * * See the example below: * * [see doc](https://echarts.apache.org/en/option.html#series-pictorialBar) * * **Graphic types** * * [symbolRepeat](https://echarts.apache.org/en/option.html#series-pictorialBar.symbolRepeat) * can be * * Graphic elements can be set as 'repeat' or not by * [symbolRepeat](https://echarts.apache.org/en/option.html#series-pictorialBar.symbolRepeat) * . * * + If set as `false` (default), a single graphic element is used to * represent a data item. * + If set as `true`, a group of repeat graphic elements are used to * represent a data item. * * See the example below: * * [see doc](https://echarts.apache.org/en/option.html#series-pictorialBar) * * Each graphic element can be basic shape (like `'circle'`, `'rect'`, * ...), or * [SVG PathData](http://www.w3.org/TR/SVG/paths.html#PathData) * , or image. See * [symbolType](https://echarts.apache.org/en/option.html#series-pictorialBar.symbolType) * . * * See the example below: * * [see doc](https://echarts.apache.org/en/option.html#series-pictorialBar) * * [symbolClip](https://echarts.apache.org/en/option.html#series-pictorialBar.symbolClip) * can be used to clip graphic elements。 * * See the example below: * * [see doc](https://echarts.apache.org/en/option.html#series-pictorialBar) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar */ interface SeriesPictorialBar { /** * @default * "pictorialBar" * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.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-pictorialBar.name */ name?: string | undefined; /** * Whether to enable highlighting chart when * [legend](https://echarts.apache.org/en/option.html#legend) * is being hovered. * * * @default * "true" * @see https://echarts.apache.org/en/option.html#series-pictorialBar.legendHoverLink */ legendHoverLink?: boolean | 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-pictorialBar.xAxisIndex) * and * [yAxisIndex](https://echarts.apache.org/en/option.html#series-pictorialBar.yAxisIndex) * to assign the corresponding axis component. * * * @default * "cartesian2d" * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.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-pictorialBar.yAxisIndex */ yAxisIndex?: number | undefined; /** * The mouse style when mouse hovers on an element, the same as * `cursor` property in `CSS`. * * * @default * "pointer" * @see https://echarts.apache.org/en/option.html#series-pictorialBar.cursor */ cursor?: string | undefined; /** * Text label of , to explain some data information about graphic * item like value, name and so on. * `label` is placed under `itemStyle` in ECharts 2.x. * In ECharts 3, to make the configuration structure flatter, `label`is * taken to be at the same level with `itemStyle`, and has `emphasis` * as `itemStyle` does. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label */ label?: { /** * Whether to show label. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.label.offset */ offset?: any[] | 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. * + `{@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}: {@score}' * * ``` * * **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-pictorialBar.pictorialBar.label) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.formatter */ formatter?: Function | string | 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-pictorialBar.label.color */ color?: string | undefined; /** * font style * * Options are: * * + `'normal'` * + `'italic'` * + `'oblique'` * * * @default * "normal" * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.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-pictorialBar.label.fontFamily */ fontFamily?: string | undefined; /** * font size * * * @default * 12 * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.label) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.label) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.label) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.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-pictorialBar.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-pictorialBar.label.borderColor */ borderColor?: string | undefined; /** * Border width of the text fregment. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.borderWidth */ borderWidth?: number | undefined; /** * Border radius of the text fregment. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.label.padding */ padding?: any[] | number | undefined; /** * Shadow color of the text block. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.shadowColor */ shadowColor?: string | undefined; /** * Show blur of the text block. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.shadowBlur */ shadowBlur?: number | undefined; /** * Shadow X offset of the text block. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.shadowOffsetX */ shadowOffsetX?: number | undefined; /** * Shadow Y offset of the text block. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.label.textBorderColor */ textBorderColor?: string | undefined; /** * Storke line width of the text. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.textBorderWidth */ textBorderWidth?: number | undefined; /** * Shadow color of the text itself. * * * @default * "transparent" * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.textShadowColor */ textShadowColor?: string | undefined; /** * Shadow blue of the text itself. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.textShadowBlur */ textShadowBlur?: number | undefined; /** * Shadow X offset of the text itself. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.label.textShadowOffsetX */ textShadowOffsetX?: number | undefined; /** * Shadow Y offset of the text itself. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.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-pictorialBar.label.rich */ rich?: { /** * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.fontFamily */ fontFamily?: string | undefined; /** * font size * * * @default * 12 * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.label.rich.%3Cuser%20defined%20style%20name%3E.textShadowOffsetY */ textShadowOffsetY?: number | undefined; }; } | undefined; } | undefined; /** * Graphic style of , `emphasis` is the style when it is highlighted, * like being hovered by mouse, or highlighted via legend connect. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.itemStyle */ itemStyle?: { /** * color. Color is taken from * [option.color Palette](https://echarts.apache.org/en/option.html#color) * by default. * * > 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-pictorialBar.pictorialBar.itemStyle) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.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-pictorialBar.pictorialBar.itemStyle) * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.itemStyle.shadowBlur */ shadowBlur?: number | undefined; /** * Shadow color. Support same format as `color`. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.itemStyle.shadowColor */ shadowColor?: EChartOption.Color | undefined; /** * Offset distance on the horizontal direction of shadow. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.itemStyle.shadowOffsetX */ shadowOffsetX?: number | undefined; /** * Offset distance on the vertical direction of shadow. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.itemStyle.opacity */ opacity?: number | undefined; } | undefined; /** * @see https://echarts.apache.org/en/option.html#series-pictorialBar.emphasis */ emphasis?: { /** * @see https://echarts.apache.org/en/option.html#series-pictorialBar.emphasis.label */ label?: { /** * Whether to show label. * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.pictorialBar.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) * . * * * @see https://echarts.apache.org/en/option.html#series-pictorialBar.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-pictorialBar.emphasis.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-pictorialBar.emphasis.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-pictorialBar.emphasis.label.offset */ offset?: any[] | undefined; /** * Data label formatter, which supports string template * and callback function. * In either form, `\n` is supported to represent a new * line.