Closed
Description
const spec = {
"type": "radar",
"outerRadius": 0.8,
"padding": 0,
"categoryField": "240319131639066",
"valueField": "10002",
"seriesField": "20001",
"data": [
{
"id": "data",
"values": [
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.9558323895809739",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "Email",
"240320114118028": "0.9558323895809739"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.9501084598698482",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "aaaaaaaaaa aaaaaaa",
"240320114118028": "0.9501084598698482"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.9703504043126685",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "Phone Number",
"240320114118028": "0.9703504043126685"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.9546703296703297",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "cccc ccccaaa cccca ttttc iiio",
"240320114118028": "0.9546703296703297"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.7287514654161782",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "aaaa aaaaaacccc aaaaaa",
"240320114118028": "0.7287514654161782"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "1",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "Password",
"240320114118028": "1"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.8703703703703703",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "Birthdate",
"240320114118028": "0.8703703703703703"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.9827586206896551",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "nnnnnnnnnnn ttttc nnnnnn",
"240320114118028": "0.9827586206896551"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "1",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "Payment Authentication Token",
"240320114118028": "1"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.9655172413793104",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "Taxpayer Identification Number",
"240320114118028": "0.9655172413793104"
},
{
"10001": "Ennnnnnnn nnnnnnn by Column",
"10002": "0.9813559322033898",
"10003": "240320114118028",
"20001": "Ennnnnnnn nnnnnnn by Column",
"240319131639066": "Real Name",
"240320114118028": "0.9813559322033898"
}
],
"fields": {
"10001": {
"alias": "指标名称 "
},
"10002": {
"alias": "指标值 "
},
"20001": {
"alias": "图例项 ",
"domain": [
"Ennnnnnnn nnnnnnn by Column"
],
"sortIndex": 0,
"lockStatisticsByDomain": true
},
"240319131639066": {
"alias": "Data Type",
"domain": [
"cccc ccccaaa cccca ttttc iiio",
"Birthdate",
"Email",
"nnnnnnnnnnn ttttc nnnnnn",
"Password",
"Payment Authentication Token",
"Phone Number",
"Real Name",
"aaaaaaaaaa aaaaaaa",
"Taxpayer Identification Number",
"aaaa aaaaaacccc aaaaaa"
],
"sortIndex": 0,
"lockStatisticsByDomain": true
},
"240320114118028": {
"alias": "Ennnnnnnn nnnnnnn by Column"
}
}
}
],
"axes": [
{
"orient": "radius",
"zero": true,
"nice": true,
"tick": {
"visible": false,
"tickMode": "average",
"style": {
"stroke": "#DADCDD"
}
},
"domainLine": {
"visible": false
},
"grid": {
"visible": true,
"style": {
"lineWidth": 1,
"stroke": "#DADCDD"
},
"smooth": false
},
"label": {
"visible": false
}
},
{
"orient": "angle",
"tick": {
"visible": false,
"tickMode": "average",
"style": {
"stroke": "#DADCDD"
}
},
"domainLine": {
"visible": false
},
"grid": {
"visible": true,
"style": {
"zIndex": 150,
"stroke": "#DADCDD",
"lineWidth": 1,
"lineDash": []
},
"smooth": false
},
"label": {
"visible": true,
"space": 4,
"flush": true,
"padding": 0,
"style": {
"fontSize": 12,
"maxLineWidth": 174,
"fill": "#9ca0b1",
"angle": 0,
"fontWeight": "normal",
"dy": -1,
"direction": "horizontal"
},
"autoHide": true,
"autoHideMethod": "greedy"
}
}
],
"sortDataByAxis": true,
"color": {
"field": "20001",
"type": "ordinal",
"range": [
"#009db5"
],
"specified": {},
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"label": {
"visible": true,
"offset": 3,
"overlap": {
"hideOnHit": true,
"avoidBaseMark": false,
"strategy": [
{
"type": "position",
"position": [
"top",
"bottom"
]
}
]
},
"style": {
"fontSize": 12,
"zIndex": 400,
"lineHeight": "130%",
"fill": "#363839",
"stroke": "rgba(255, 255, 255, 0.8)",
"strokeOpacity": 1,
"lineWidth": 2
},
formatMethod:()=>'test value',
},
"legends": [
{
"type": "discrete",
"visible": false
}
],
"tooltip": {
"handler": {}
},
"point": {
"style": {
"shape": {
"type": "ordinal",
"field": "20001",
"range": [
"circle"
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"size": {
"type": "ordinal",
"field": "20001",
"range": [
7.0898154036220635
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"fill": {
"field": "20001",
"type": "ordinal",
"range": [
"#009db5"
],
"specified": {},
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"stroke": {
"field": "20001",
"type": "ordinal",
"range": [
"#009db5"
],
"specified": {},
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"strokeOpacity": {
"type": "ordinal",
"field": "20001",
"range": [
1
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"fillOpacity": {
"type": "ordinal",
"field": "20001",
"range": [
1
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
}
},
"state": {
"hover": {
"lineWidth": 2,
"fillOpacity": 1,
"strokeOpacity": 1,
"scaleX": 1.5,
"scaleY": 1.5
}
}
},
"line": {
"style": {
"curveType": {
"type": "ordinal",
"field": "20001",
"range": [
"linear"
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"lineWidth": {
"type": "ordinal",
"field": "20001",
"range": [
3
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
},
"lineDash": {
"type": "ordinal",
"field": "20001",
"range": [
[
0,
0
]
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
}
}
},
"seriesMark": "line",
"markOverlap": false,
"area": {
"visible": true,
"style": {
"fillOpacity": 0.35,
"curveType": {
"type": "ordinal",
"field": "20001",
"range": [
"linear"
],
"domain": [
"Ennnnnnnn nnnnnnn by Column"
]
}
}
},
"region": [
{
"clip": true
}
],
"background": "rgba(255, 255, 255, 0)",
"invalidType": "zero",
"animation": false,
"hash": "3a6d4d4418b0221d9ac41a7db0acc483"
}
const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();
// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;