Function setBoxCommon

src/chart/candlestick/CandlestickView.ts:299–324

(el: NormalBoxPath, data: SeriesData, dataIndex: number, isSimpleBox?: boolean)

}

function setBoxCommon(el: NormalBoxPath, data: SeriesData, dataIndex: number, isSimpleBox?: boolean) {
    const itemModel = data.getItemModel(dataIndex) as Model<CandlestickDataItemOption>;

    el.useStyle(data.getItemVisual(dataIndex, 'style'));
    el.style.strokeNoScale = true;

    const cursorStyle = itemModel.getShallow('cursor');
    cursorStyle && el.attr('cursor', cursorStyle);

    el.__simpleBox = isSimpleBox;

    setStatesStylesFromModel(el, itemModel);

    const sign = data.getItemLayout(dataIndex).sign;
    zrUtil.each(el.states, (state, stateName) => {
        const stateModel = itemModel.getModel(stateName as any);
        const color = getColor(sign, stateModel);
        const borderColor = getBorderColor(sign, stateModel) || color;
        const stateStyle = state.style || (state.style = {});
        color && (stateStyle.fill = color);
        borderColor && (stateStyle.stroke = borderColor);
    });

    const emphasisModel = itemModel.getModel('emphasis');
    toggleHoverEmphasis(el, emphasisModel.get('focus'), emphasisModel.get('blurScope'), emphasisModel.get('disabled'));
}

function transInit(points: number[][], dim: number, itemLayout: CandlestickItemLayout) {
    return zrUtil.map(points, function (point) {