[Feature] add borderRadius option to heatmap

[Rain120]

Brief Information

This pull request is in the type of:

• bug fixing
• new feature
• others

What does this PR do?

Enhance the border radius for the heatmap, for more info plz go to issue.

View

Before

After

Also, you can use it in the Calendar Heatmap.

How to use it

borderRadius: number || number[]

more info plz go to zrender.Rect opts.shape.r

option = {
    series: {
        // ...
        itemStyle: {
            // borderRadius: 10,
            borderRadius: [10, 20, 30, 40],
        }
    }
}

Also, you can custom set it by data from each item.

var data = [
    {
        itemStyle: {
            borderRadius: [10, 20],
        },
        value: [0, 0, 5]
    },
    {
        itemStyle: {
            borderRadius: [30, 40],
        },
        value: [1, 1, 7]
    }
]

option = {
    // ...
    series: [{
        // ...
        data,
        // ...
    }]
}

Misc

• The API has been changed apache/echarts-doc.
  

Related test cases or examples to use the new APIs

Please refer to /test/heatmap-borderRadius.html

[echarts-bot]

Thanks for your contribution!
The community will review it ASAP. In the meanwhile, please checkout the coding standard and Wiki about How to make a pull request.

[echarts-bot]

Congratulations! Your PR has been merged. Thanks for your contribution! 👍