xxxxxxxxxx<meta charset="utf-8"><style>body{ width:750px; margin:70px auto;}svg text{ font-size:12px;}rect{ shape-rendering:crispEdges;}</style><body><script src="https://d3js.org/d3.v3.min.js"></script><script src="iem-plan_01.js"></script><script>var sales_data=[['業務通信','02:00～02:59',16,0],['その他','02:00～02:59',1278,4],['エラー','02:00～02:59',27,0],['保守通信','02:00～02:59',58,0],['基幹装置','02:00～02:59',1551,15],['顧客通信','02:00～02:59',141,0],['業務通信','01:00～01:59',5453,35],['その他','01:00～01:59',683,1],['エラー','01:00～01:59',862,0],['基幹装置','01:00～01:59',6228,30],['業務通信','00:00～00:59',15001,449],['その他','00:00～00:59',527,3],['エラー','00:00～00:59',836,0],['保守通信','00:00～00:59',28648,1419],['基幹装置','00:00～00:59',3,0],['業務通信','03:00～03:59',13,0],['その他','03:00～03:59',396,0],['エラー','03:00～03:59',362,0],['保守通信','03:00～03:59',78,10],['基幹装置','03:00～03:59',2473,32],['顧客通信','03:00～03:59',2063,64],['エラー','04:00～04:59',203,0],['基幹装置','04:00～04:59',686,2],['顧客通信','04:00～04:59',826,0],['業務通信','11:00～11:59',1738,110],['その他','11:00～11:59',12925,13],['エラー','11:00～11:59',15413,0],['その他','06:00～06:59',2166,2],['エラー','06:00～06:59',86,0],['保守通信','06:00～06:59',348,3],['基幹装置','06:00～06:59',4244,18],['顧客通信','06:00～06:59',1536,1],['その他','07:00～07:59',351,0],['基幹装置','07:00～07:59',405,1],['その他','09:00～09:59',914,1],['エラー','09:00～09:59',127,0],['基幹装置','09:00～09:59',1470,7],['顧客通信','09:00～09:59',516,1],['業務通信','10:00～10:59',43,0],['その他','10:00～10:59',667,1],['エラー','10:00～10:59',172,0],['保守通信','10:00～10:59',149,1],['基幹装置','10:00～10:59',1380,5],['顧客通信','10:00～10:59',791,23],['その他','05:00～05:59',1,0],['基幹装置','05:00～05:59',1,0],['その他','12:00～12:59',1070,1],['基幹装置','12:00～12:59',1171,2],['顧客通信','12:00～12:59',33,0],['保守通信','22:00～22:59',1,0],['その他','14:00～14:59',407,0],['エラー','14:00～14:59',3,0],['基幹装置','14:00～14:59',457,2],['顧客通信','14:00～14:59',20,0],['その他','15:00～15:59',557,0],['エラー','15:00～15:59',167,0],['保守通信','15:00～15:59',95,1],['基幹装置','15:00～15:59',1090,5],['顧客通信','15:00～15:59',676,6],['業務通信','16:00～16:59',1195,99],['その他','16:00～16:59',350,3],['エラー','16:00～16:59',212,0],['基幹装置','16:00～16:59',1509,8],['業務通信','17:00～17:59',3899,389],['その他','17:00～17:59',147,0],['エラー','17:00～17:59',455,0],['保守通信','17:00～17:59',1,1],['基幹装置','17:00～17:59',4100,16],['業務通信','18:00～18:59',12,0],['その他','18:00～18:59',634,2],['エラー','18:00～18:59',749,0],['保守通信','18:00～18:59',119,1],['基幹装置','18:00～18:59',3705,19],['顧客通信','18:00～18:59',3456,25],['その他','19:00～19:59',828,2],['エラー','19:00～19:59',288,0],['保守通信','19:00～19:59',141,0],['基幹装置','19:00～19:59',2625,7],['顧客通信','19:00～19:59',1920,10],['その他','20:00～20:59',1146,2],['エラー','20:00～20:59',212,0],['保守通信','20:00～20:59',223,4],['基幹装置','20:00～20:59',1803,6],['顧客通信','20:00～20:59',761,8],['その他','21:00～21:59',527,0],['エラー','21:00～21:59',90,0],['基幹装置','21:00～21:59',930,4],['顧客通信','21:00～21:59',395,1],['業務通信','13:00～13:59',7232,58],['その他','13:00～13:59',1272,0],['エラー','13:00～13:59',1896,0],['保守通信','13:00～13:59',1,0],['基幹装置','13:00～13:59',10782,33],['顧客通信','13:00～13:59',1911,3],['その他','23:00～23:59',495,0],['エラー','23:00～23:59',32,0],['保守通信','23:00～23:59',7,0],['基幹装置','23:00～23:59',1557,12],['顧客通信','23:00～23:59',24,0],['その他','23:00～23:59',460,1],['保守通信','23:00～23:59',88,3],['基幹装置','23:00～23:59',956,3],['その他','15:00～15:59',232,0],['エラー','15:00～15:59',71,0],['基幹装置','15:00～15:59',575,2],['顧客通信','15:00～15:59',368,3]];var width = 1100, height = 610, margin ={b:90, t:40, l:180, r:50};var svg = d3.select("body") .append("svg").attr('width',width).attr('height',(height+margin.b+margin.t)) .append("g").attr("transform","translate("+ margin.l+","+margin.t+")");var data = [ {data:bP.partData(sales_data,2), id:'SalesAttempts', header:["通信属性","時間帯", "小金井市トラ連DC"]},];bP.draw(data, svg);</script></body> Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js