高图蜘蛛网更多类别
Highchart spider web more categories
我对高图表有问题 - 蜘蛛网。图表效果很好,但是当我想添加更多类别时,我遇到了问题。现在我有 8 个类别,但我想要更多,甚至可能是 100 - 150。是否有可能使用此图表实现此目的?下面是我的图表
$(function () {
$('#genrechart').highcharts({
chart: {
polar: true,
type: 'line',
margin: 0
},
exporting: {
enabled: false,
buttons: {
enabled: false
}
},
title: {
text: ' ',
x: -80,
useHTML: true
},
pane: {
size: '70%'
},
xAxis: {
categories: ['Sales', 'Marketing', 'Development', 'Customer Support', 'Information Technology', 'Administration', 'bororo', 'text-center', 'fere'],
tickmarkPlacement: 'on',
lineWidth: 0,
labels: {
align: 'center',
distance: 2
}
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
endOnTick: true,
showLastLabel: true,
tickPositions: [0, 5, 6, 7, 8]
},
tooltip: {
shared: true,
headerFormat: '<span style="font-size: 12px">{point.key}:</span> <b>{point.y:,.2f}</b>',
pointFormat: '',
useHTML: true
},
legend: {
enabled: false,
align: 'right',
verticalAlign: 'top',
y: 70,
layout: 'vertical'
},
series: [{
name: '',
data: [1, 2, 3, 4, 5, 6, 7],
pointPlacement: 'on'
}]
});
});
http://jsfiddle.net/sanczopan/qybn6m2u/
谢谢你的帮助。
如果您愿意,可以添加数百个类别,但如果系列数据数组中没有足够的值,则不会显示它们。因此,如果要向图表添加类别,则序列数据数组和类别数组必须具有相同的长度才能显示所有类别。如果没有值,只需添加 null 或 0,但这是必需的。
也许最好不要使用类别。
http://jsfiddle.net/qybn6m2u/3/
$(function () {
$('#container').highcharts({
chart: {
polar: true,
type: 'line',
margin: 0
},
exporting: {
enabled: false,
buttons: {
enabled: false
}
},
title: {
text: ' ',
x: -80,
useHTML: true
},
pane: {
size: '70%'
},
xAxis: {
tickmarkPlacement: 'on',
lineWidth: 0,
labels: {
align: 'center',
distance: 20
}
},
yAxis: {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
endOnTick: true,
showLastLabel: true,
tickPositions: [0, 5, 6, 7, 8]
},
tooltip: {
shared: true,
headerFormat: '<span style="font-size: 12px">{point.key}:</span> <b>{point.y:,.2f}</b>',
pointFormat: '',
useHTML: true
},
legend: {
enabled: false,
align: 'right',
verticalAlign: 'top',
y: 70,
layout: 'vertical'
},
series: [{
name: '',
data: [1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4],
pointPlacement: 'on'
}]
});
});
无论如何,具有数百个类别的蜘蛛网图似乎不是数据可视化的很好选择,但我真的不知道您要实现什么,所以我想没关系。
和平!
相关文章:
- 动态更改高图中的系列颜色
- 如何为高图中的区域线创建z索引
- 将高图饼图中的文本居中显示为响应
- 可以对一个图表进行高图深化,反映在另一个图表上
- 如何将数据标签与数据一起传递,以便在高图中的工具提示中显示
- 如何在悬停时更改高图的不透明度
- 升级到 jQuery 1.8 后出现高图缩放问题
- 高图3.0.7是否允许高图
- 指定饼图高图的颜色
- 高图热图:单击按钮或复选框时选择所有单元格
- 高图 - 分组/近似后保持多个系列之间的关系
- 高图折线图:点应该是可点击的,点之间的线不是.这可能吗
- 如何防止高图工具提示弹出隐藏,在图形区域或浏览器窗口上调整大小
- 数据库中的动态样条曲线高图
- 删除高图中的第一条和最后一条网格线
- 解决同时使用高图和树状图时的冲突(f.inArray 不是函数)
- 如何将页眉或徽标添加到高图导出的PDF中
- 放大折线图的高图无法正常工作
- 如何根据高图中的值获得动态颜色变化
- 高图蜘蛛网更多类别