Skip to content

[Bug]: Some legend properties in the bullet chart are not working. #3102

@alexsbolduin

Description

@alexsbolduin

Describe the bug / 问题描述

I've tried different configs. But it doesn't work even on the standard sandbox config.

import { Bullet } from '@ant-design/plots';
import React from 'react';
import { createRoot } from 'react-dom/client';

const DemoBullet = () => {
  const config = {
    // default xField: 'title'、rangeField: 'ranges'、measureField: 'measures'、targetField: 'targets'
    data: [
      {
        title: '满意度',
        ranges: 100,
        measures: 80,
        targets: 85,
      },
    ],
  };
  return <Bullet {...config} />;
};

createRoot(document.getElementById('container')).render(<DemoBullet />);
  1. The option to disable concif does not work. Neither option:
    {
    legend: false;
    }
    {
    legend: {color: false};
    }
    {
    legend: {
    color: {},
    size: {},
    },
    }

The first option has an error: Cannot set properties of undefined (setting 'itemMarker’).

  1. Not work customization legend title:
    {
    legend: {
    size: {
    title: 'TITLE',
    titleSpacing: 0,
    titleInset: 0,
    titlePosition: 't',
    titleFontSize: 16,
    titleFontFamily: 'sans-serif',
    titleFontWeight: 500,
    titleLineHeight: 20,
    titleTextAlign: 'center',
    titleTextBaseline: 'middle',
    titleFill: '#000',
    titleFillOpacity: 0.9,
    titleStroke: '#DAF5EC',
    titleStrokeOpacity: 0.9,
    titleLineWidth: 2,
    titleLineDash: [4, 8],
    titleOpacity: 1,
    titleShadowColor: '#d3d3d3',
    titleShadowBlur: 10,
    titleShadowOffsetX: 10,
    titleShadowOffsetY: 10,
    titleCursor: 'pointer',
    },
    },
    }

  2. Not work itemMarker figures: itemMarker: "triangle", or another.
    legend: {
    color: {
    itemMarker: "bowtie",
    itemMarkerSize: 20
    }
    }

Please, help.

Reproduction link / 复现链接

No response

Steps to Reproduce the Bug or Issue / 重现步骤

No response

Version / 版本

Please select / 请选择

OS / 操作系统

  • macOS
  • Windows
  • Linux
  • Others / 其他

Browser / 浏览器

  • Chrome
  • Edge
  • Firefox
  • Safari (Limited support / 有限支持)
  • IE (Nonsupport / 不支持)
  • Others / 其他

Metadata

Metadata

Assignees

No one assigned

    Labels

    bug 🐛Something isn't workingplots统计图表G2

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions