Html D3.js与Boostrap冲突
我在尝试添加c3js/d3js图时遇到上述错误。我在这个项目中使用D3V5。Html D3.js与Boostrap冲突,html,d3.js,twitter-bootstrap-3,c3.js,Html,D3.js,Twitter Bootstrap 3,C3.js,我在尝试添加c3js/d3js图时遇到上述错误。我在这个项目中使用D3V5。 我也有Bootstrap3链接到html <head> <title>Default</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare
我也有Bootstrap3链接到html
<head>
<title>Default</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.10.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.5/c3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="file:///../Test/Site.css" rel="stylesheet">
<link type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.5/c3.min.css" rel="stylesheet">
</head>
引导CSS似乎与C3.js计算图表呈现到的容器维度的方式冲突。这可以通过使用配置参数覆盖C3确定的隐式高度来解决 查看更新的工作演示：
var jsonObj=[{“ChildId”：0，“年份”：2019，“季度”：1，“四分之一”：“2019年第一季度”，“收入”：16.57，“成本”：8.69，“PnlPct”：52.46，“Em”：7.88，“EmPct”：47.54，“成本”：7.2，“成本”：43.45，“技术”：0.05，“技术”：0.31，“杂项成本”：1.44，“杂项成本”：8.69，“家长ID”：0，“随机ID”：0，“开始日期”2019-06-24T00:00，“WeekId”：137，“IsPrev”：1，{:00，{，“年份”：2019，“季度”：2，“季度短”：“2019年第二季度”，“收入”：16.8，“成本”：9.39，“PnlPct”：55.88，“Em”：7.41，“EMPT”：44.12，“成本”：7.84，“成本”：46.67，“技术”：0.12，“技术”：0.71，“杂项成本”：1.43，“杂项成本”：8.49，“家长ID”：0，“随机ID”：0，“开始日期”：“2019-07-01T00:00”，“周末”：138，“IsPrev”：0}]
$.each（jsonObj，函数（键，fp）{
var curr=fp.StartDate.substr（0,10）；
fp.StartDate=当前值；
jsonObj[key]=fp；
});
var finChart=c3.generate({
bindto:“#finpctgraphs”，
尺寸：{
身高：480
},
填充：{
左:50,，
右：50
},
数据：{
json:jsonObj，
关键点：{
x:‘开始日期’，
值：['PnlPct'，'CostPct'，'TechnicalPct'，'MiscCostPct']
},
标签：正确
},
轴线：{
x:{
//类型：“类别”
键入：“timeseries”，
//如果为true，则将x值视为localtime（默认值）
//如果为false，则在内部转换为UTC
localtime:false，
勾选：{
格式：'%d/%m'，
剔除：错误
}
}
}
})；
size: {
height: 320
}