Skip to content

MarkPoint not considering backgroundColour, borderColor and borderWidth attributes #12748

@dvago

Description

@dvago

Version

4.8.0

Steps to reproduce

I'm importing those files along with the main echarts library (using vue-echarts)

import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/title'
import 'echarts/lib/chart/line'
import 'echarts/lib/component/markLine'
import 'echarts/lib/component/markPoint'
import 'echarts/lib/component/dataZoom'
import 'zrender/lib/svg/svg'

Then in my configuration I set:

markPoint: {
                data: [
                    {type: 'max', name: 'Max'},
                    {type: 'min', name: 'Min'}
                ],
                label: {
                    show: true,
                    fontSize: 11,
                    position: 'right',
                    formatter: '{b}\n{c}',
                    backgroundColor: '#DDDDDD',
                    borderColor: 'red',
                    borderWidth: 1,
                    padding: [2,2,2,2]
                }
            },

What is expected?

I expect to see a background colour and a border on the Min and Max markpoint labels

What is actually happening?

these 3 attributes gets completely ignored, however the rest of the configuration works (e.g. padding)


I believe is due to some missing script from the import list as I tried to reproduce the issue on the example page: https://echarts.apache.org/examples/en/editor.html?c=line-marker and it does work as expected.

Thanks in advance for your support.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugpendingWe are not sure about whether this is a bug/new feature.staleInactive for a long time. Will be closed in 7 days.waiting-for: community

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions