Javascript Highchart树状图:强制在3行上布局
我想强制Highcharts的布局为3行(就像在普通html表中一样)。 树映射中的所有项都具有相同的值,但JSFIDLE显示的框如row1:ACEG row2:BDFH,框I的高度比其他框大得多。 我的代码: })) 我的目标是达到3个相等的行:ABC、DEF、GHIJavascript Highchart树状图:强制在3行上布局,javascript,highcharts,Javascript,Highcharts,我想强制Highcharts的布局为3行(就像在普通html表中一样)。 树映射中的所有项都具有相同的值,但JSFIDLE显示的框如row1:ACEG row2:BDFH,框I的高度比其他框大得多。 我的代码: })) 我的目标是达到3个相等的行:ABC、DEF、GHI 我尝试了Highcharts提供的4种布局类型:切片和骰子、条纹、方形、条纹这并不是树形图的实际用途。 我会试试热图 例如: $(function () { $('#container').highcharts({
我尝试了Highcharts提供的4种布局类型:切片和骰子、条纹、方形、条纹这并不是
树形图
的实际用途。
我会试试热图
例如:
$(function () {
$('#container').highcharts({
series: [{
type: "treemap",
layoutAlgorithm: 'strip',
data: [{
name: 'A',
value: 6
}, {
name: 'B',
value: 6
}, {
name: 'C',
value: 6
}, {
name: 'D',
value: 6
}, {
name: 'E',
value: 6
}, {
name: 'F',
value: 6
}, {
name: 'G',
value: 6
},{
name: 'H',
value: 6
}, {
name: 'I',
value: 6
}
]
}],
title: {
text: 'Highcharts Treemap'
}
});