Javascript 如何使Highchart可滚动？

我的图表中有很多列要设置，但是图表的宽度和标签旋转是固定的，所以我需要扩展列宽以使标签看起来更好

例如：

var标签=[“第1列”、“第2列”、“第3列”、“第4列”、“第5列”、“第6列”、“第7列]；
Highcharts.chart（'myChart'{
图表：{
类型：“列”
},
标题：{
文本：“”
},
xAxis：{
类别:标签,，
标签：{
轮换：0
}
},
打印选项：{
专栏：{
堆叠：“正常”
}
},
系列：[{
数据：[1,2,3,4,5,6,7]
}, {
数据：[2,3,4,5,6,7,8]
}, {
数据：[3,4,5,6,7,8,9]
}]
});
console.log（'jia'）

#我的图表{
宽度：300px；
高度：300px；
}

JS-Bin

您可以在图表容器上设置一个较大的宽度，并添加一个宽度较小的父容器，并将

溢出-x

属性设置为

滚动

var标签=[“第1列”、“第2列”、“第3列”、“第4列”、“第5列”、“第6列”、“第7列]；
Highcharts.chart（'myChart'{
图表：{
类型：“列”
},
标题：{
文本：“”
},
xAxis：{
类别:标签,，
标签：{
轮换：0
}
},
打印选项：{
专栏：{
堆叠：“正常”
}
},
系列：[{
数据：[1,2,3,4,5,6,7]
}, {
数据：[2,3,4,5,6,7,8]
}, {
数据：[3,4,5,6,7,8,9]
}]
});
console.log（'jia'）

#我的图表{
宽度：800px；
高度：300px；
}
.图表容器{
宽度：300px；
溢出-x：滚动；
}

JS-Bin

包括highstock.js并在

xAxis中设置最大值

以显示列数

var标签=[“第1列”、“第2列”、“第3列”、“第4列”、“第5列”、“第6列”、“第7列]；
Highcharts.chart（'myChart'{
图表：{
类型：“列”
},
标题：{
文本：“”
},
亚克斯：{
max:30，//添加最大y值（基于系列之和）
},
xAxis：{
类别:标签,，
标签：{
轮换：0
},
分:0,，
max:1，//所需的最大列数1表示将显示两列
滚动条：{
enabled:true//启用滚动
},
},
打印选项：{
专栏：{
堆叠：“正常”
}
},
系列：[{
数据：[1,2,3,4,5,6,7]
}, {
数据：[2,3,4,5,6,7,8]
}, {
数据：[3,4,5,6,7,8,9]
}]
});
console.log（'jia'）

#我的图表{
宽度：300px；
高度：300px；
}

JS-Bin

是的，因为我不能只截断字符串，我需要显示完整的标签说明，很抱歉还有其他问题，非常感谢！为什么抱歉？这很好。highcharts需要商业许可证（商业使用），其中as chart.js是MIT许可证是的，但这不是问题，公司有商业许可证，真的很感谢你我如何以最大值修复yAxis？避免滚动时更改

yAxis

值？如果我需要动态设置

yAxis

max值，我需要自己计算，然后将其设置为属性？