Javascript 如何在页面上居中放置海图、饼图和图例？ 我把我的HigCar数据加载到一个节点/反应的单页应用程序中，我不知道如何在页面中间放置它。现在看起来是这样的：

它漂浮在左边，我想把中间的橙色盒子里的东西都放在中间。我看了整个highcharts api文档，似乎无法理解。jsfiddle在这里：（尽管它在jsfiddle中居中，但它在web/html页面上向左浮动）

chart=新高度图表。图表({
图表：{
renderTo:'容器'，
键入“pie”，
活动：{
加载：函数（事件）{
var图表=此，
点=图表。系列[0]。点，
len=点。长度，
总计=0，
i=0；
对于（i=0；i欧元”+总计，
垂直排列：'中间'，
风格：{
fontFamily：“Arial、Roboto、Helvetica、无衬线”，
fontWeight:'粗体'，
尺码：34
},
});
//添加“事务”标签-下面的标签不支持图像/图标
this.renderer.label（'nbsp Transactions'，120130，null，null，null，true）.add（）；
//添加日期标签
这个.renderer.label（“2017年9月11日-2017年10月11日”，95225，null，null，null，true）.add（）；
}
} 
}

将其置于

div

标记的中心。只需将

align=“Center”

添加到

div

中即可。这是更新后的将其置于

div

标记的中心。只需添加

align=“Center”

添加到

div

中，这样就可以了。下面是更新后的在js函数中添加此字段

legend: {
    backgroundColor: '#F5F5F5',
    layout: 'horizontal',
    floating: true,
    align: 'center',
    verticalAlign: 'top'
 }

---

在js函数中添加此字段

legend: {
    backgroundColor: '#F5F5F5',
    layout: 'horizontal',
    floating: true,
    align: 'center',
    verticalAlign: 'top'
 }

---

查看完整的git repo，index.css文件未导入index.js文件，因此无法引用css命令。解决方案是在index.js文件中添加：

import './index.css';

.highcharts-container {
  margin: 0 auto;
}

到代码顶部。然后在index.css文件中，添加：

import './index.css';

.highcharts-container {
  margin: 0 auto;
}

---

这将使enter Highcharts div居中。

查看完整的git repo，index.css文件未导入index.js文件，因此无法引用css命令。解决方案是在index.js文件中添加：

import './index.css';

.highcharts-container {
  margin: 0 auto;
}

到代码顶部。然后在index.css文件中，添加：

import './index.css';

.highcharts-container {
  margin: 0 auto;
}

---

这将居中输入Highcharts分区。

当我用你的推荐更新小提琴时，它会导致整个网格混乱。当我用你的推荐更新小提琴时，它会导致整个网格混乱。不相关，但导出时会呈现

。你可以为图标本身添加正确的填充空格。或者至少应该有结尾分号。

→<代码>不相关，但导出时会呈现

。您可以为图标本身添加正确的空格填充。或者至少应该有结尾分号。

→<代码>