Highcharts 高位图表网格线显示不正确
我们有一个大型web应用程序，我们在其中使用高图。我们使用Bootstrap、Jquery和其他一些插件 问题是网格线没有正确显示。这个应用程序相当大，我不能轻易地重新创建这个问题。我基本上是从一个演示小提琴上复制并粘贴代码进行测试，所以代码应该是好的 根据要求，这里是我试图实现的一个例子：我试图将它移出除身体以外的所有元素，但仍然存在问题 这是一个截图 这是我页面上的代码。我将切换到json加载数据，但我需要在花时间之前获得正确的渲染Highcharts 高位图表网格线显示不正确,highcharts,Highcharts,我们有一个大型web应用程序，我们在其中使用高图。我们使用Bootstrap、Jquery和其他一些插件 问题是网格线没有正确显示。这个应用程序相当大，我不能轻易地重新创建这个问题。我基本上是从一个演示小提琴上复制并粘贴代码进行测试，所以代码应该是好的 根据要求，这里是我试图实现的一个例子：我试图将它移出除身体以外的所有元素，但仍然存在问题 这是一个截图 这是我页面上的代码。我将切换到json加载数据，但我需要在花时间之前获得正确的渲染 $(function () { $('#Char
$(function ()
{
$('#ChartContainer2').highcharts({
chart: {
type: 'bar',
options3d: {
enabled: true,
alpha: 20,
beta: 20,
viewDistance: 0,
depth: 60
},
marginTop: 80,
marginRight: 40
},
title: {
text: ''
},
xAxis: {
categories: ['15-05 SFYBAKE Brooklyn Bred - Bakery Rack Display (NOR) Brooklyn Bred Rack in Bakery',
'10-10 Savemart- Lucky 5 Hour Diet HBC resets Savemart-Lucky 5 Hour Diet HBC Resets',
'11-10 SFY 5 HOUR Energy CMT Dist. Check 5 HOUR Energy CMT Dist. Check',
'10-07 SFY 5 Hour Energy Drink 5 Hour Energy Drink',
]
},
yAxis: {
allowDecimals: false,
min: 0,
title: {
text: 'Percent Complete'
}
},
tooltip: {
headerFormat: '<b>{point.key}</b><br>',
pointFormat: '<span style="color:{series.color}">\u25CF</span> {series.name}: {point.y} / {point.stackTotal}'
},
plotOptions: {
bar: {
stacking: 'normal',
depth: 10
}
},
series: [{
name: 'John',
data: [5, 3, 4],
}, {
name: 'Joe',
data: [3, 2, 1],
}, {
name: 'Jane',
data: [2, 5, 6],
}]
});
$（函数（）
{
$（“#ChartContainer2”）。高图({
图表：{
类型：'bar'，
选项3D：{
启用：对，
阿尔法：20，
贝塔：20，
视距：0，
深度：60
},
玛金托普：80，
marginRight:40
},
标题：{
文本：“”
},
xAxis：{
类别：[15-05 SFYBAKE Brooklyn Breed-面包房货架展示（NOR）Brooklyn Breed Rack in Bakery'，
“10-10 Savemart-幸运5小时饮食HBC重置Savemart幸运5小时饮食HBC重置”，
“11-10 SFY 5小时能量CMT区检查5小时能量CMT区检查”，
“10-07 SFY 5小时能量饮料5小时能量饮料”，
]
},
亚克斯：{
allowDecimals:false，
分:0,，
标题：{
文本：“完成百分比”
}
},
工具提示：{
headerFormat:“{point.key}
”，
点格式：'\u25CF{series.name}:{point.y}/{point.stackTotal}'
},
打印选项：{
酒吧：{
堆叠：“正常”，
深度：10
}
},
系列：[{
姓名：'约翰'，
数据：[5,3,4]，
}, {
名字：'乔'，
数据：[3,2,1]，
}, {
姓名：'简'，
数据：[2,5,6]，
}]
});