ECharts在散点图上绘制多边形
我在谷歌上搜索了很多,但找不到任何信息。是否可以在ECharts中的散点图上绘制多边形,以获得与下图相同的视图ECharts在散点图上绘制多边形,charts,scatter-plot,echarts,Charts,Scatter Plot,Echarts,我在谷歌上搜索了很多,但找不到任何信息。是否可以在ECharts中的散点图上绘制多边形,以获得与下图相同的视图 ECharts有一个用于绘制多边形的API: function renderItem(params, api) { if (params.context.rendered) { return; } params.context.rendered = true; let points = []; for (let i = 0;
ECharts有一个用于绘制多边形的API:
function renderItem(params, api) {
if (params.context.rendered) {
return;
}
params.context.rendered = true;
let points = [];
for (let i = 0; i < data.length; i++) {
points.push(api.coord(data[i]));
}
let color = api.visual('color');
return {
type: 'polygon',
shape: {
points: echarts.graphic.clipPointsByRect(points, {
x: params.coordSys.x,
y: params.coordSys.y,
width: params.coordSys.width,
height: params.coordSys.height
})
},
style: api.style({
fill: color,
stroke: echarts.color.lift(color)
})
};
}
var data = [
[
echarts.number.round(3.8),
echarts.number.round(4)
],
[
echarts.number.round(3.8),
echarts.number.round(4.5)
],
[
echarts.number.round(5),
echarts.number.round(6)
]
];
option = {
xAxis: {},
yAxis: {},
series: [
...other charts here ...
{
type: 'custom',
renderItem: renderItem,
data: data
}
]
};
函数renderItem(参数,api){
if(params.context.rendered){
返回;
}
params.context.rendered=true;
设点=[];
for(设i=0;i
结果如下所示:
ECharts有一个用于绘制多边形的API:
function renderItem(params, api) {
if (params.context.rendered) {
return;
}
params.context.rendered = true;
let points = [];
for (let i = 0; i < data.length; i++) {
points.push(api.coord(data[i]));
}
let color = api.visual('color');
return {
type: 'polygon',
shape: {
points: echarts.graphic.clipPointsByRect(points, {
x: params.coordSys.x,
y: params.coordSys.y,
width: params.coordSys.width,
height: params.coordSys.height
})
},
style: api.style({
fill: color,
stroke: echarts.color.lift(color)
})
};
}
var data = [
[
echarts.number.round(3.8),
echarts.number.round(4)
],
[
echarts.number.round(3.8),
echarts.number.round(4.5)
],
[
echarts.number.round(5),
echarts.number.round(6)
]
];
option = {
xAxis: {},
yAxis: {},
series: [
...other charts here ...
{
type: 'custom',
renderItem: renderItem,
data: data
}
]
};
函数renderItem(参数,api){
if(params.context.rendered){
返回;
}
params.context.rendered=true;
设点=[];
for(设i=0;i
结果如下所示: