在 Highcharts 中连接 limit 的系列
Connect limit's series in Highcharts
已更新:我正在尝试用高图制作雷达图,但我无法连接这些值(例如带有星号的值):
$('#container').highcharts({
plotOptions: {
series: {
enableMouseTracking: false
}
},
chart: {
polar: true,
type: 'line'
},
title: {
text: 'Graph',
x: -80
},
pane: {
size: '80%'
},
xAxis: {
categories: ["Sponsor / Developer","Banks","SPV","Bank Legal DD","Services Legal contracts","Environmental license","Grid connection license","Construction License","Generation License","Site Studies\/License","Property\/terrain","Technical studies","EPC","Financial model"],
tickmarkPlacement: 'on',
lineWidth: 0
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0
},
tooltip: {
shared: true,
pointFormat: '<span style=\'color:{series.color}\'>{series.name}: <b>${point.y:,.0f}</b><br/>'
},
legend: {
align: 'right',
verticalAlign: 'top',
y: 70,
layout: 'vertical'
},
series: [{"name":"Legal","data":[4,3,4,4,4,4,4,null,null,null,null,null,null,4],"color":"#206ef0"},{"name":"Licenses and Permits","data":[null,3,null,null,null,4,4,4,4,4,4,null,null,null],"color":"#f07820"},{"name":"Technical","data":[null,null,null,null,null,null,null,null,null,null,4,4,4,null],"color":"#ff0000"},{"name":"Financial","data":[null,null,null,null,null,null,null,null,null,null,null,null,null,null]}]});
<div id="container"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
目标是连接任何系列的系列极限。我的意思是,如果在 excel 我有相同的系列, 财务模型 和 Sponsor/Developer 将通过蓝色连接线。看 :
excel graph
我该怎么做?
谢谢。
在图表中,您可以使用启用了线宽的散点图。在最后一个点之后,添加对第一个点的引用,然后将打印行。
{
"name": "Legal",
"data": [[0,4], [1,3], [2,4], [3,4], [4,4], [5,4], [6,4], null, null, null, null, null, null,[13,4],[0,4]],
"color": "#206ef0"
}
您可以通过设置 tickInterval / endOnTick / max 选项在边缘设置线。
yAxis: {
max:4,
tickInterval:1,
endOnTick:true,
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0
},
已更新:我正在尝试用高图制作雷达图,但我无法连接这些值(例如带有星号的值):
$('#container').highcharts({
plotOptions: {
series: {
enableMouseTracking: false
}
},
chart: {
polar: true,
type: 'line'
},
title: {
text: 'Graph',
x: -80
},
pane: {
size: '80%'
},
xAxis: {
categories: ["Sponsor / Developer","Banks","SPV","Bank Legal DD","Services Legal contracts","Environmental license","Grid connection license","Construction License","Generation License","Site Studies\/License","Property\/terrain","Technical studies","EPC","Financial model"],
tickmarkPlacement: 'on',
lineWidth: 0
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0
},
tooltip: {
shared: true,
pointFormat: '<span style=\'color:{series.color}\'>{series.name}: <b>${point.y:,.0f}</b><br/>'
},
legend: {
align: 'right',
verticalAlign: 'top',
y: 70,
layout: 'vertical'
},
series: [{"name":"Legal","data":[4,3,4,4,4,4,4,null,null,null,null,null,null,4],"color":"#206ef0"},{"name":"Licenses and Permits","data":[null,3,null,null,null,4,4,4,4,4,4,null,null,null],"color":"#f07820"},{"name":"Technical","data":[null,null,null,null,null,null,null,null,null,null,4,4,4,null],"color":"#ff0000"},{"name":"Financial","data":[null,null,null,null,null,null,null,null,null,null,null,null,null,null]}]});
<div id="container"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
目标是连接任何系列的系列极限。我的意思是,如果在 excel 我有相同的系列, 财务模型 和 Sponsor/Developer 将通过蓝色连接线。看 : excel graph 我该怎么做? 谢谢。
在图表中,您可以使用启用了线宽的散点图。在最后一个点之后,添加对第一个点的引用,然后将打印行。
{
"name": "Legal",
"data": [[0,4], [1,3], [2,4], [3,4], [4,4], [5,4], [6,4], null, null, null, null, null, null,[13,4],[0,4]],
"color": "#206ef0"
}
您可以通过设置 tickInterval / endOnTick / max 选项在边缘设置线。
yAxis: {
max:4,
tickInterval:1,
endOnTick:true,
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0
},