javascript - 调整面板大小 Bootstrap

标签 javascript jquery css twitter-bootstrap d3.js

我正在使用 circosJS(d3.js 库进行可视化。这是我的示例代码。我无法调整 Bootstrap 面板主体内的可视化。我已经设置 max-height 来调整面板大小,但它没有生效...

FIDDLE LINK

var layout_data = [{
  "len": 31,
  "color": "#8dd3c7",
  "label": "January",
  "id": "january"
}, {
  "len": 28,
  "color": "#ffffb3",
  "label": "February",
  "id": "february"
}, {
  "len": 31,
  "color": "#bebada",
  "label": "March",
  "id": "march"
}, {
  "len": 30,
  "color": "#fb8072",
  "label": "April",
  "id": "april"
}, {
  "len": 31,
  "color": "#80b1d3",
  "label": "May",
  "id": "may"
}, {
  "len": 30,
  "color": "#fdb462",
  "label": "June",
  "id": "june"
}, {
  "len": 31,
  "color": "#b3de69",
  "label": "July",
  "id": "july"
}, {
  "len": 31,
  "color": "#fccde5",
  "label": "August",
  "id": "august"
}, {
  "len": 30,
  "color": "#d9d9d9",
  "label": "September",
  "id": "september"
}, {
  "len": 31,
  "color": "#bc80bd",
  "label": "October",
  "id": "october"
}, {
  "len": 30,
  "color": "#ccebc5",
  "label": "November",
  "id": "november"
}, {
  "len": 31,
  "color": "#ffed6f",
  "label": "December",
  "id": "december"
}];

var heatmap = [
  ['january', 0, 1, 1368001],
  ['january', 1, 2, 1458583],
  ['january', 2, 3, 1481633],
  ['january', 3, 4, 1408424],
  ['january', 4, 5, 1400597],
  ['january', 5, 6, 1548933],
  ['january', 6, 7, 1537059],
  ['january', 7, 8, 1517383],
  ['january', 8, 9, 1544359],
  ['january', 9, 10, 1580460],
  ['january', 10, 11, 1440710],
  ['january', 11, 12, 1417824],
  ['january', 12, 13, 1597834],
  ['january', 13, 14, 1666670],
  ['january', 14, 15, 1707785],
  ['january', 15, 16, 1656905],
  ['january', 16, 17, 1620539],
  ['january', 17, 18, 1487228],
  ['january', 18, 19, 1418230],
  ['january', 19, 20, 1666497],
  ['january', 20, 21, 1739178],
  ['january', 21, 22, 1755254],
  ['january', 22, 23, 1732520],
  ['january', 23, 24, 1702975],
  ['january', 24, 25, 1546438],
  ['january', 25, 26, 1454228],
  ['january', 26, 27, 1684766],
  ['january', 27, 28, 1759669],
  ['january', 28, 29, 1764844],
  ['january', 29, 30, 1737754],
  ['january', 30, 31, 1749857],
  ['february', 0, 1, 1577419],
  ['february', 1, 2, 1509311],
  ['february', 2, 3, 1688266],
  ['february', 3, 4, 1690517],
  ['february', 4, 5, 1719390],
  ['february', 5, 6, 1693426],
  ['february', 6, 7, 1613806],
  ['february', 7, 8, 1521449],
  ['february', 8, 9, 1473617],
  ['february', 9, 10, 1632787],
  ['february', 10, 11, 1698088],
  ['february', 11, 12, 1702137],
  ['february', 12, 13, 1690878],
  ['february', 13, 14, 1661660],
  ['february', 14, 15, 1445139],
  ['february', 15, 16, 1392075],
  ['february', 16, 17, 1565855],
  ['february', 17, 18, 1622609],
  ['february', 18, 19, 1593628],
  ['february', 19, 20, 1564282],
  ['february', 20, 21, 1569010],
  ['february', 21, 22, 1458216],
  ['february', 22, 23, 1338981],
  ['february', 23, 24, 1495727],
  ['february', 24, 25, 1554400],
  ['february', 25, 26, 1574841],
  ['february', 26, 27, 1643072],
  ['february', 27, 28, 1644590],
  ['march', 0, 1, 1500834],
  ['march', 1, 2, 1424820],
  ['march', 2, 3, 1607011],
  ['march', 3, 4, 1615301],
  ['march', 4, 5, 1559021],
  ['march', 5, 6, 1547753],
  ['march', 6, 7, 1508006],
  ['march', 7, 8, 1309583],
  ['march', 8, 9, 1189917],
  ['march', 9, 10, 1365881],
  ['march', 10, 11, 1403679],
  ['march', 11, 12, 1403001],
  ['march', 12, 13, 1397280],
  ['march', 13, 14, 1367524],
  ['march', 14, 15, 1251964],
  ['march', 15, 16, 1159217],
  ['march', 16, 17, 1334292],
  ['march', 17, 18, 1391104],
  ['march', 18, 19, 1366559],
  ['march', 19, 20, 1342872],
  ['march', 20, 21, 1327773],
  ['march', 21, 22, 1268340],
  ['march', 22, 23, 1276517],
  ['march', 23, 24, 1467731],
  ['march', 24, 25, 1503009],
  ['march', 25, 26, 1496469],
  ['march', 26, 27, 1500094],
  ['march', 27, 28, 1450254],
  ['march', 28, 29, 1240603],
  ['march', 29, 30, 1086657],
  ['march', 30, 31, 1282324],
  ['april', 0, 1, 1283014],
  ['april', 1, 2, 1270569],
  ['april', 2, 3, 1293570],
  ['april', 3, 4, 1293439],
  ['april', 4, 5, 1150461],
  ['april', 5, 6, 1050257],
  ['april', 6, 7, 1209470],
  ['april', 7, 8, 1260725],
  ['april', 8, 9, 1285887],
  ['april', 9, 10, 1266011],
  ['april', 10, 11, 1234722],
  ['april', 11, 12, 1100005],
  ['april', 12, 13, 1034963],
  ['april', 13, 14, 1221402],
  ['april', 14, 15, 1265036],
  ['april', 15, 16, 1279159],
  ['april', 16, 17, 1266882],
  ['april', 17, 18, 1241239],
  ['april', 18, 19, 1153081],
  ['april', 19, 20, 1082812],
  ['april', 20, 21, 1084284],
  ['april', 21, 22, 1245400],
  ['april', 22, 23, 1248887],
  ['april', 23, 24, 1235617],
  ['april', 24, 25, 1229560],
  ['april', 25, 26, 1117336],
  ['april', 26, 27, 1074233],
  ['april', 27, 28, 1249024],
  ['april', 28, 29, 1273337],
  ['april', 29, 30, 1246730],
  ['may', 0, 1, 1036144],
  ['may', 1, 2, 1156135],
  ['may', 2, 3, 1106555],
  ['may', 3, 4, 1041413],
  ['may', 4, 5, 1182786],
  ['may', 5, 6, 1192434],
  ['may', 6, 7, 1193624],
  ['may', 7, 8, 1047831],
  ['may', 8, 9, 1106669],
  ['may', 9, 10, 1043170],
  ['may', 10, 11, 1000001],
  ['may', 11, 12, 1205405],
  ['may', 12, 13, 1247394],
  ['may', 13, 14, 1238560],
  ['may', 14, 15, 1223267],
  ['may', 15, 16, 1199465],
  ['may', 16, 17, 1040418],
  ['may', 17, 18, 952650],
  ['may', 18, 19, 1126219],
  ['may', 19, 20, 1155800],
  ['may', 20, 21, 1173902],
  ['may', 21, 22, 1167218],
  ['may', 22, 23, 1160702],
  ['may', 23, 24, 1034886],
  ['may', 24, 25, 966509],
  ['may', 25, 26, 1156691],
  ['may', 26, 27, 1194054],
  ['may', 27, 28, 1190877],
  ['may', 28, 29, 1016149],
  ['may', 29, 30, 1068529],
  ['may', 30, 31, 993302],
  ['june', 0, 1, 935590],
  ['june', 1, 2, 1119046],
  ['june', 2, 3, 1150676],
  ['june', 3, 4, 1169570],
  ['june', 4, 5, 1162795],
  ['june', 5, 6, 1147372],
  ['june', 6, 7, 1004244],
  ['june', 7, 8, 921713],
  ['june', 8, 9, 968196],
  ['june', 9, 10, 1140341],
  ['june', 10, 11, 1152976],
  ['june', 11, 12, 1165844],
  ['june', 12, 13, 1154469],
  ['june', 13, 14, 999352],
  ['june', 14, 15, 917310],
  ['june', 15, 16, 1106649],
  ['june', 16, 17, 1141077],
  ['june', 17, 18, 1143086],
  ['june', 18, 19, 1149995],
  ['june', 19, 20, 1141059],
  ['june', 20, 21, 1008542],
  ['june', 21, 22, 939065],
  ['june', 22, 23, 1129289],
  ['june', 23, 24, 1161838],
  ['june', 24, 25, 1158130],
  ['june', 25, 26, 1159204],
  ['june', 26, 27, 1146093],
  ['june', 27, 28, 1009897],
  ['june', 28, 29, 928706],
  ['june', 29, 30, 1103970],
  ['july', 0, 1, 1143862],
  ['july', 1, 2, 1150514],
  ['july', 2, 3, 1167512],
  ['july', 3, 4, 1150024],
  ['july', 4, 5, 1008307],
  ['july', 5, 6, 934687],
  ['july', 6, 7, 1106666],
  ['july', 7, 8, 1143473],
  ['july', 8, 9, 1154196],
  ['july', 9, 10, 1167145],
  ['july', 10, 11, 1151100],
  ['july', 11, 12, 1006581],
  ['july', 12, 13, 930137],
  ['july', 13, 14, 941594],
  ['july', 14, 15, 1126558],
  ['july', 15, 16, 1166553],
  ['july', 16, 17, 1187503],
  ['july', 17, 18, 1182767],
  ['july', 18, 19, 1030447],
  ['july', 19, 20, 934780],
  ['july', 20, 21, 1107315],
  ['july', 21, 22, 1147785],
  ['july', 22, 23, 1161849],
  ['july', 23, 24, 1169049],
  ['july', 24, 25, 1131515],
  ['july', 25, 26, 993075],
  ['july', 26, 27, 925852],
  ['july', 27, 28, 1077760],
  ['july', 28, 29, 1095700],
  ['july', 29, 30, 1098378],
  ['july', 30, 31, 1096670],
  ['august', 0, 1, 1071402],
  ['august', 1, 2, 951503],
  ['august', 2, 3, 878472],
  ['august', 3, 4, 996356],
  ['august', 4, 5, 1016188],
  ['august', 5, 6, 1022237],
  ['august', 6, 7, 1027197],
  ['august', 7, 8, 1024299],
  ['august', 8, 9, 922671],
  ['august', 9, 10, 872742],
  ['august', 10, 11, 974684],
  ['august', 11, 12, 988100],
  ['august', 12, 13, 988993],
  ['august', 13, 14, 981883],
  ['august', 14, 15, 893681],
  ['august', 15, 16, 894506],
  ['august', 16, 17, 858478],
  ['august', 17, 18, 991784],
  ['august', 18, 19, 1022889],
  ['august', 19, 20, 1031167],
  ['august', 20, 21, 1038878],
  ['august', 21, 22, 1042880],
  ['august', 22, 23, 951127],
  ['august', 23, 24, 896613],
  ['august', 24, 25, 1078972],
  ['august', 25, 26, 1123401],
  ['august', 26, 27, 1122117],
  ['august', 27, 28, 1129891],
  ['august', 28, 29, 1114953],
  ['august', 29, 30, 986620],
  ['august', 30, 31, 921040],
  ['september', 0, 1, 1103673],
  ['september', 1, 2, 1143909],
  ['september', 2, 3, 1149438],
  ['september', 3, 4, 1157452],
  ['september', 4, 5, 1149054],
  ['september', 5, 6, 1010272],
  ['september', 6, 7, 942892],
  ['september', 7, 8, 1135215],
  ['september', 8, 9, 1163859],
  ['september', 9, 10, 1165798],
  ['september', 10, 11, 1163321],
  ['september', 11, 12, 1142868],
  ['september', 12, 13, 1007248],
  ['september', 13, 14, 938456],
  ['september', 14, 15, 1129580],
  ['september', 15, 16, 1160361],
  ['september', 16, 17, 1166669],
  ['september', 17, 18, 1166135],
  ['september', 18, 19, 1155657],
  ['september', 19, 20, 1013339],
  ['september', 20, 21, 939303],
  ['september', 21, 22, 1115789],
  ['september', 22, 23, 1155790],
  ['september', 23, 24, 1175290],
  ['september', 24, 25, 1171100],
  ['september', 25, 26, 1156096],
  ['september', 26, 27, 1016313],
  ['september', 27, 28, 946015],
  ['september', 28, 29, 1140783],
  ['september', 29, 30, 1171328],
  ['october', 0, 1, 1169047],
  ['october', 1, 2, 1166792],
  ['october', 2, 3, 1151218],
  ['october', 3, 4, 1013653],
  ['october', 4, 5, 961694],
  ['october', 5, 6, 1173529],
  ['october', 6, 7, 1208669],
  ['october', 7, 8, 1218388],
  ['october', 8, 9, 1203597],
  ['october', 9, 10, 1185802],
  ['october', 10, 11, 1047404],
  ['october', 11, 12, 1002951],
  ['october', 12, 13, 1176808],
  ['october', 13, 14, 1209924],
  ['october', 14, 15, 1220987],
  ['october', 15, 16, 1220765],
  ['october', 16, 17, 1193122],
  ['october', 17, 18, 1042063],
  ['october', 18, 19, 960302],
  ['october', 19, 20, 1151448],
  ['october', 20, 21, 1213130],
  ['october', 21, 22, 1255712],
  ['october', 22, 23, 1282461],
  ['october', 23, 24, 1267047],
  ['october', 24, 25, 1115921],
  ['october', 25, 26, 1086010],
  ['october', 26, 27, 1232889],
  ['october', 27, 28, 1282237],
  ['october', 28, 29, 1278848],
  ['october', 29, 30, 1258570],
  ['october', 30, 31, 1225435],
  ['november', 0, 1, 1072746],
  ['november', 1, 2, 1049955],
  ['november', 2, 3, 1272203],
  ['november', 3, 4, 1340860],
  ['november', 4, 5, 1408998],
  ['november', 5, 6, 1451479],
  ['november', 6, 7, 1437583],
  ['november', 7, 8, 1274988],
  ['november', 8, 9, 1210274],
  ['november', 9, 10, 1327675],
  ['november', 10, 11, 1246598],
  ['november', 11, 12, 1396790],
  ['november', 12, 13, 1432484],
  ['november', 13, 14, 1422153],
  ['november', 14, 15, 1275193],
  ['november', 15, 16, 1234596],
  ['november', 16, 17, 1453194],
  ['november', 17, 18, 1484727],
  ['november', 18, 19, 1514655],
  ['november', 19, 20, 1511929],
  ['november', 20, 21, 1462551],
  ['november', 21, 22, 1294247],
  ['november', 22, 23, 1202440],
  ['november', 23, 24, 1404219],
  ['november', 24, 25, 1459282],
  ['november', 25, 26, 1453893],
  ['november', 26, 27, 1454444],
  ['november', 27, 28, 1426951],
  ['november', 28, 29, 1294661],
  ['november', 29, 30, 1287777],
  ['december', 0, 1, 1549272],
  ['december', 1, 2, 1633784],
  ['december', 2, 3, 1684781],
  ['december', 3, 4, 1689624],
  ['december', 4, 5, 1666695],
  ['december', 5, 6, 1545527],
  ['december', 6, 7, 1523315],
  ['december', 7, 8, 1683824],
  ['december', 8, 9, 1754569],
  ['december', 9, 10, 1734975],
  ['december', 10, 11, 1669997],
  ['december', 11, 12, 1641086],
  ['december', 12, 13, 1489854],
  ['december', 13, 14, 1474692],
  ['december', 14, 15, 1633309],
  ['december', 15, 16, 1607862],
  ['december', 16, 17, 1632516],
  ['december', 17, 18, 1536016],
  ['december', 18, 19, 1490975],
  ['december', 19, 20, 1394406],
  ['december', 20, 21, 1387549],
  ['december', 21, 22, 1538557],
  ['december', 22, 23, 1550730],
  ['december', 23, 24, 1469007],
  ['december', 24, 25, 1314160],
  ['december', 25, 26, 1499708],
  ['december', 26, 27, 1508048],
  ['december', 27, 28, 1570757],
  ['december', 28, 29, 1792749],
  ['december', 29, 30, 1770200],
  ['december', 30, 31, 1721354]
]

days_off = [
  ['january', 0, 1, 2],
  ['january', 1, 2, 0],
  ['january', 2, 3, 0],
  ['january', 3, 4, 1],
  ['january', 4, 5, 1],
  ['january', 5, 6, 0],
  ['january', 6, 7, 0],
  ['january', 7, 8, 0],
  ['january', 8, 9, 0],
  ['january', 9, 10, 0],
  ['january', 10, 11, 1],
  ['january', 11, 12, 1],
  ['january', 12, 13, 0],
  ['january', 13, 14, 0],
  ['january', 14, 15, 0],
  ['january', 15, 16, 0],
  ['january', 16, 17, 0],
  ['january', 17, 18, 1],
  ['january', 18, 19, 1],
  ['january', 19, 20, 0],
  ['january', 20, 21, 0],
  ['january', 21, 22, 0],
  ['january', 22, 23, 0],
  ['january', 23, 24, 0],
  ['january', 24, 25, 1],
  ['january', 25, 26, 1],
  ['january', 26, 27, 0],
  ['january', 27, 28, 0],
  ['january', 28, 29, 0],
  ['january', 29, 30, 0],
  ['january', 30, 31, 0],
  ['february', 0, 1, 1],
  ['february', 1, 2, 1],
  ['february', 2, 3, 0],
  ['february', 3, 4, 0],
  ['february', 4, 5, 0],
  ['february', 5, 6, 0],
  ['february', 6, 7, 0],
  ['february', 7, 8, 1],
  ['february', 8, 9, 1],
  ['february', 9, 10, 0],
  ['february', 10, 11, 0],
  ['february', 11, 12, 0],
  ['february', 12, 13, 0],
  ['february', 13, 14, 0],
  ['february', 14, 15, 1],
  ['february', 15, 16, 1],
  ['february', 16, 17, 0],
  ['february', 17, 18, 0],
  ['february', 18, 19, 0],
  ['february', 19, 20, 0],
  ['february', 20, 21, 0],
  ['february', 21, 22, 1],
  ['february', 22, 23, 1],
  ['february', 23, 24, 0],
  ['february', 24, 25, 0],
  ['february', 25, 26, 0],
  ['february', 26, 27, 0],
  ['february', 27, 28, 0],
  ['march', 0, 1, 1],
  ['march', 1, 2, 1],
  ['march', 2, 3, 0],
  ['march', 3, 4, 0],
  ['march', 4, 5, 0],
  ['march', 5, 6, 0],
  ['march', 6, 7, 0],
  ['march', 7, 8, 1],
  ['march', 8, 9, 1],
  ['march', 9, 10, 0],
  ['march', 10, 11, 0],
  ['march', 11, 12, 0],
  ['march', 12, 13, 0],
  ['march', 13, 14, 0],
  ['march', 14, 15, 1],
  ['march', 15, 16, 1],
  ['march', 16, 17, 0],
  ['march', 17, 18, 0],
  ['march', 18, 19, 0],
  ['march', 19, 20, 0],
  ['march', 20, 21, 0],
  ['march', 21, 22, 1],
  ['march', 22, 23, 1],
  ['march', 23, 24, 0],
  ['march', 24, 25, 0],
  ['march', 25, 26, 0],
  ['march', 26, 27, 0],
  ['march', 27, 28, 0],
  ['march', 28, 29, 1],
  ['march', 29, 30, 1],
  ['march', 30, 31, 0],
  ['april', 0, 1, 0],
  ['april', 1, 2, 0],
  ['april', 2, 3, 0],
  ['april', 3, 4, 0],
  ['april', 4, 5, 1],
  ['april', 5, 6, 1],
  ['april', 6, 7, 0],
  ['april', 7, 8, 0],
  ['april', 8, 9, 0],
  ['april', 9, 10, 0],
  ['april', 10, 11, 0],
  ['april', 11, 12, 1],
  ['april', 12, 13, 1],
  ['april', 13, 14, 0],
  ['april', 14, 15, 0],
  ['april', 15, 16, 0],
  ['april', 16, 17, 0],
  ['april', 17, 18, 0],
  ['april', 18, 19, 1],
  ['april', 19, 20, 1],
  ['april', 20, 21, 2],
  ['april', 21, 22, 0],
  ['april', 22, 23, 0],
  ['april', 23, 24, 0],
  ['april', 24, 25, 0],
  ['april', 25, 26, 1],
  ['april', 26, 27, 1],
  ['april', 27, 28, 0],
  ['april', 28, 29, 0],
  ['april', 29, 30, 0],
  ['may', 0, 1, 2],
  ['may', 1, 2, 0],
  ['may', 2, 3, 1],
  ['may', 3, 4, 1],
  ['may', 4, 5, 0],
  ['may', 5, 6, 0],
  ['may', 6, 7, 0],
  ['may', 7, 8, 2],
  ['may', 8, 9, 0],
  ['may', 9, 10, 1],
  ['may', 10, 11, 1],
  ['may', 11, 12, 0],
  ['may', 12, 13, 0],
  ['may', 13, 14, 0],
  ['may', 14, 15, 0],
  ['may', 15, 16, 0],
  ['may', 16, 17, 1],
  ['may', 17, 18, 1],
  ['may', 18, 19, 0],
  ['may', 19, 20, 0],
  ['may', 20, 21, 0],
  ['may', 21, 22, 0],
  ['may', 22, 23, 0],
  ['may', 23, 24, 1],
  ['may', 24, 25, 1],
  ['may', 25, 26, 0],
  ['may', 26, 27, 0],
  ['may', 27, 28, 0],
  ['may', 28, 29, 2],
  ['may', 29, 30, 0],
  ['may', 30, 31, 1],
  ['june', 0, 1, 1],
  ['june', 1, 2, 0],
  ['june', 2, 3, 0],
  ['june', 3, 4, 0],
  ['june', 4, 5, 0],
  ['june', 5, 6, 0],
  ['june', 6, 7, 1],
  ['june', 7, 8, 1],
  ['june', 8, 9, 2],
  ['june', 9, 10, 0],
  ['june', 10, 11, 0],
  ['june', 11, 12, 0],
  ['june', 12, 13, 0],
  ['june', 13, 14, 1],
  ['june', 14, 15, 1],
  ['june', 15, 16, 0],
  ['june', 16, 17, 0],
  ['june', 17, 18, 0],
  ['june', 18, 19, 0],
  ['june', 19, 20, 0],
  ['june', 20, 21, 1],
  ['june', 21, 22, 1],
  ['june', 22, 23, 0],
  ['june', 23, 24, 0],
  ['june', 24, 25, 0],
  ['june', 25, 26, 0],
  ['june', 26, 27, 0],
  ['june', 27, 28, 1],
  ['june', 28, 29, 1],
  ['june', 29, 30, 0],
  ['july', 0, 1, 0],
  ['july', 1, 2, 0],
  ['july', 2, 3, 0],
  ['july', 3, 4, 0],
  ['july', 4, 5, 1],
  ['july', 5, 6, 1],
  ['july', 6, 7, 0],
  ['july', 7, 8, 0],
  ['july', 8, 9, 0],
  ['july', 9, 10, 0],
  ['july', 10, 11, 0],
  ['july', 11, 12, 1],
  ['july', 12, 13, 1],
  ['july', 13, 14, 2],
  ['july', 14, 15, 0],
  ['july', 15, 16, 0],
  ['july', 16, 17, 0],
  ['july', 17, 18, 0],
  ['july', 18, 19, 1],
  ['july', 19, 20, 1],
  ['july', 20, 21, 0],
  ['july', 21, 22, 0],
  ['july', 22, 23, 0],
  ['july', 23, 24, 0],
  ['july', 24, 25, 0],
  ['july', 25, 26, 1],
  ['july', 26, 27, 1],
  ['july', 27, 28, 0],
  ['july', 28, 29, 0],
  ['july', 29, 30, 0],
  ['july', 30, 31, 0],
  ['august', 0, 1, 0],
  ['august', 1, 2, 1],
  ['august', 2, 3, 1],
  ['august', 3, 4, 0],
  ['august', 4, 5, 0],
  ['august', 5, 6, 0],
  ['august', 6, 7, 0],
  ['august', 7, 8, 0],
  ['august', 8, 9, 1],
  ['august', 9, 10, 1],
  ['august', 10, 11, 0],
  ['august', 11, 12, 0],
  ['august', 12, 13, 0],
  ['august', 13, 14, 0],
  ['august', 14, 15, 2],
  ['august', 15, 16, 1],
  ['august', 16, 17, 1],
  ['august', 17, 18, 0],
  ['august', 18, 19, 0],
  ['august', 19, 20, 0],
  ['august', 20, 21, 0],
  ['august', 21, 22, 0],
  ['august', 22, 23, 1],
  ['august', 23, 24, 1],
  ['august', 24, 25, 0],
  ['august', 25, 26, 0],
  ['august', 26, 27, 0],
  ['august', 27, 28, 0],
  ['august', 28, 29, 0],
  ['august', 29, 30, 1],
  ['august', 30, 31, 1],
  ['september', 0, 1, 0],
  ['september', 1, 2, 0],
  ['september', 2, 3, 0],
  ['september', 3, 4, 0],
  ['september', 4, 5, 0],
  ['september', 5, 6, 1],
  ['september', 6, 7, 1],
  ['september', 7, 8, 0],
  ['september', 8, 9, 0],
  ['september', 9, 10, 0],
  ['september', 10, 11, 0],
  ['september', 11, 12, 0],
  ['september', 12, 13, 1],
  ['september', 13, 14, 1],
  ['september', 14, 15, 0],
  ['september', 15, 16, 0],
  ['september', 16, 17, 0],
  ['september', 17, 18, 0],
  ['september', 18, 19, 0],
  ['september', 19, 20, 1],
  ['september', 20, 21, 1],
  ['september', 21, 22, 0],
  ['september', 22, 23, 0],
  ['september', 23, 24, 0],
  ['september', 24, 25, 0],
  ['september', 25, 26, 0],
  ['september', 26, 27, 1],
  ['september', 27, 28, 1],
  ['september', 28, 29, 0],
  ['september', 29, 30, 0],
  ['october', 0, 1, 0],
  ['october', 1, 2, 0],
  ['october', 2, 3, 0],
  ['october', 3, 4, 1],
  ['october', 4, 5, 1],
  ['october', 5, 6, 0],
  ['october', 6, 7, 0],
  ['october', 7, 8, 0],
  ['october', 8, 9, 0],
  ['october', 9, 10, 0],
  ['october', 10, 11, 1],
  ['october', 11, 12, 1],
  ['october', 12, 13, 0],
  ['october', 13, 14, 0],
  ['october', 14, 15, 0],
  ['october', 15, 16, 0],
  ['october', 16, 17, 0],
  ['october', 17, 18, 1],
  ['october', 18, 19, 1],
  ['october', 19, 20, 0],
  ['october', 20, 21, 0],
  ['october', 21, 22, 0],
  ['october', 22, 23, 0],
  ['october', 23, 24, 0],
  ['october', 24, 25, 1],
  ['october', 25, 26, 1],
  ['october', 26, 27, 0],
  ['october', 27, 28, 0],
  ['october', 28, 29, 0],
  ['october', 29, 30, 0],
  ['october', 30, 31, 0],
  ['november', 0, 1, 1],
  ['november', 1, 2, 1],
  ['november', 2, 3, 0],
  ['november', 3, 4, 0],
  ['november', 4, 5, 0],
  ['november', 5, 6, 0],
  ['november', 6, 7, 0],
  ['november', 7, 8, 1],
  ['november', 8, 9, 1],
  ['november', 9, 10, 0],
  ['november', 10, 11, 2],
  ['november', 11, 12, 0],
  ['november', 12, 13, 0],
  ['november', 13, 14, 0],
  ['november', 14, 15, 1],
  ['november', 15, 16, 1],
  ['november', 16, 17, 0],
  ['november', 17, 18, 0],
  ['november', 18, 19, 0],
  ['november', 19, 20, 0],
  ['november', 20, 21, 0],
  ['november', 21, 22, 1],
  ['november', 22, 23, 1],
  ['november', 23, 24, 0],
  ['november', 24, 25, 0],
  ['november', 25, 26, 0],
  ['november', 26, 27, 0],
  ['november', 27, 28, 0],
  ['november', 28, 29, 1],
  ['november', 29, 30, 1],
  ['december', 0, 1, 0],
  ['december', 1, 2, 0],
  ['december', 2, 3, 0],
  ['december', 3, 4, 0],
  ['december', 4, 5, 0],
  ['december', 5, 6, 1],
  ['december', 6, 7, 1],
  ['december', 7, 8, 0],
  ['december', 8, 9, 0],
  ['december', 9, 10, 0],
  ['december', 10, 11, 0],
  ['december', 11, 12, 0],
  ['december', 12, 13, 1],
  ['december', 13, 14, 1],
  ['december', 14, 15, 0],
  ['december', 15, 16, 0],
  ['december', 16, 17, 0],
  ['december', 17, 18, 0],
  ['december', 18, 19, 0],
  ['december', 19, 20, 1],
  ['december', 20, 21, 1],
  ['december', 21, 22, 0],
  ['december', 22, 23, 0],
  ['december', 23, 24, 0],
  ['december', 24, 25, 2],
  ['december', 25, 26, 0],
  ['december', 26, 27, 1],
  ['december', 27, 28, 1],
  ['december', 28, 29, 0],
  ['december', 29, 30, 0],
  ['december', 30, 31, 0]
]

var circos = new circosJS({
  container: '#chart'
});

circos
  .layout({
      ticks: {
        display: false
      },
    },
    layout_data
  )
  .heatmap('h1', {
    innerRadius: 180,
    outerRadius: 240,
    logScale: false,
    colorPalette: 'YlOrRd'
  }, heatmap)
  .heatmap('h2', {
    innerRadius: 170,
    outerRadius: 179,
    logScale: false,
    colorPalette: 'Blues'
  }, days_off)
  .render();
<script type="text/javascript" src="//d3js.org/d3.v3.js"></script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<script type="text/javascript" src="https://cdn.rawgit.com/nicgirault/circosJS/master/dist/circosJS.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/nicgirault/circosJS/master/dist/colorBrewer.css">
<svg id='chart'></svg>

最佳答案

我能够将图表放在面板主体内并居中对齐。请检查 codepen 链接,图表位于面板主体内部,没有溢出面板主体。

CODEPEN LINK

 <div class="container">
    <div class="row">
    <div class="col-lg-12">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title"><i class="fa fa-long-arrow-right fa-fw"></i> Host</h3>
    </div>
    <div class="panel-body centered">
      <svg id='chart' style="display:block; margin:auto;"></svg>

    </div>
  </div>
</div>
    </div>
  </div>

关于javascript - 调整面板大小 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38879243/

相关文章:

javascript - 如何给 iframe 中的 p 元素添加点击事件(使用 jQuery)

css - 试图在左右两侧获得 CSS 阴影

javascript - 如何在 Firebug 中检查网页的动态悬停元素?

javascript - 在 d3 轴上显示持续时间

jquery - 如何重置 <div> 中的 slider ?/如何清除 <div> 中的元素

css - IE7 - 试图将两个相邻的 div 放在按钮标签中

javascript - 交换 Css 样式表

javascript - Jquery 在 td 中创建带有字典条目的 html 表

javascript - 从 .attr 获取变量名

javascript - 如果选择了值,则将多个选择视为单选