Highcharts 维恩图缺少交叉点
Highcharts venn diagram is missing intersections
在给定的组间交叉点中,我发现图表中没有显示“B”和“C”之间的交叉点,即 ["C", "B"]。
Code sandbox can be found here
const vennData = [
{
sets: ["A"],
value: 754,
color: "#38618C",
},
{
sets: ["B"],
value: 755,
color: "#FF9A47",
},
{
sets: ["C"],
value: 1949,
color: "#41C8BB",
},
{
sets: ["D"],
value: 2749,
color: "#F9CF5A",
},
{
sets: ["D", "C"],
value: 186,
color: "#3fa242",
},
{
sets: ["A", "C"],
value: 118,
color: "#0e4c67",
},
{
sets: ["D", "A"],
value: 78,
color: "#374f31",
},
{
sets: ["D", "A", "C"],
value: 35,
color: "#0e3e24",
},
{
sets: ["D", "B"],
value: 47,
color: "#f97d19",
},
{
sets: ["C", "B"],
value: 31,
color: "#417934",
},
{
sets: ["D", "C", "B"],
value: 5,
color: "#3f6212",
},
{
sets: ["E"],
value: 49,
color: "#E95F5F",
},
{
sets: ["D", "E"],
value: 7,
color: "#e44d22",
},
{
sets: ["A", "B"],
value: 44,
color: "#383b27",
},
{
sets: ["D", "A", "B"],
value: 4,
color: "#37300e",
},
{
sets: ["A", "C", "B"],
value: 9,
color: "#0e2e1d",
},
{
sets: ["D", "A", "C", "B"],
value: 1,
color: "#0e250a",
},
{
sets: ["C", "E"],
value: 4,
color: "#3b4b46",
},
{
sets: ["D", "C", "E"],
value: 2,
color: "#3a3d19",
},
];
Highcharts.chart('container', {
series: [{
type: 'venn',
data: vennData,
opacity: 1,
}]
});
我不知道我是否在我的 code/config 中漏掉了什么,或者可能是 Highchart 错误。
提前致谢! :)
顺便说一句,如果需要的话,我有很多例子,这个是我找到的最小最简单的例子。
Highcharts 联系我们并提供了一些关于维恩图的重要信息:
几何方面,圆圈最多支持三组,如您在 attached video.
中所见
目前,Highcharts [8.2.2] 仅支持圈子。
在给定的组间交叉点中,我发现图表中没有显示“B”和“C”之间的交叉点,即 ["C", "B"]。
Code sandbox can be found here
const vennData = [
{
sets: ["A"],
value: 754,
color: "#38618C",
},
{
sets: ["B"],
value: 755,
color: "#FF9A47",
},
{
sets: ["C"],
value: 1949,
color: "#41C8BB",
},
{
sets: ["D"],
value: 2749,
color: "#F9CF5A",
},
{
sets: ["D", "C"],
value: 186,
color: "#3fa242",
},
{
sets: ["A", "C"],
value: 118,
color: "#0e4c67",
},
{
sets: ["D", "A"],
value: 78,
color: "#374f31",
},
{
sets: ["D", "A", "C"],
value: 35,
color: "#0e3e24",
},
{
sets: ["D", "B"],
value: 47,
color: "#f97d19",
},
{
sets: ["C", "B"],
value: 31,
color: "#417934",
},
{
sets: ["D", "C", "B"],
value: 5,
color: "#3f6212",
},
{
sets: ["E"],
value: 49,
color: "#E95F5F",
},
{
sets: ["D", "E"],
value: 7,
color: "#e44d22",
},
{
sets: ["A", "B"],
value: 44,
color: "#383b27",
},
{
sets: ["D", "A", "B"],
value: 4,
color: "#37300e",
},
{
sets: ["A", "C", "B"],
value: 9,
color: "#0e2e1d",
},
{
sets: ["D", "A", "C", "B"],
value: 1,
color: "#0e250a",
},
{
sets: ["C", "E"],
value: 4,
color: "#3b4b46",
},
{
sets: ["D", "C", "E"],
value: 2,
color: "#3a3d19",
},
];
Highcharts.chart('container', {
series: [{
type: 'venn',
data: vennData,
opacity: 1,
}]
});
我不知道我是否在我的 code/config 中漏掉了什么,或者可能是 Highchart 错误。
提前致谢! :) 顺便说一句,如果需要的话,我有很多例子,这个是我找到的最小最简单的例子。
Highcharts 联系我们并提供了一些关于维恩图的重要信息:
几何方面,圆圈最多支持三组,如您在 attached video.
中所见目前,Highcharts [8.2.2] 仅支持圈子。