直播频道：
欧洲杯传奇：揭秘C罗的惊人进球数

欧洲杯传奇：揭秘C罗的惊人进球数

葡萄牙其他国家，数据vardata=[，country，葡萄牙，goals，14，country，法国，goals，11，country，德国，goals，11，country，意大利，goals，9，country，西班牙，goals，8，country，荷兰，goals，8，country，捷克共和国，g...。
2024-05-21 07:19:07
新闻介绍
揭秘C罗的惊人进球数
葡萄牙
其他国家
<script> // 数据var data = [{country: "葡萄牙",goals: 14}, {country: "法国",goals: 11},{country: "德国",goals: 11},{country: "意大利",goals: 9},{country: "西班牙",goals: 8},{country: "荷兰",goals: 8},{country: "捷克共和国",goals: 8},{country: "英格兰",goals: 8},{country: "丹麦",goals: 7},{country: "瑞典",goals: 6}];// 创建图表var svg = d3.select("chart").append("svg").attr("width", "100%").attr("height", 500);// 创建比例尺var xScale = d3.scaleBand().range([0, svg.attr("width")]).padding(0.1).domain(data.map(function(d) { return d.country; }));var yScale = d3.scaleLinear().range([svg.attr("height"), 0]).domain([0, d3.max(data, function(d) { return d.goals; })]);// 添加条形图var bars = svg.selectAll("bar").data(data).enter().append("rect").attr("class", "bar").attr("x", function(d) { return xScale(d.country); }).attr("y", function(d) { return yScale(d.goals); }).attr("width", xScale.bandwidth()).attr("height", function(d) { return svg.attr("height") - yScale(d.goals); }).style("fill", function(d) { return d.country == "葡萄牙" ? "0000ff" : "ff0000"; }).on("mouseover", function(event, d) {// 显示提示框d3.select(".tooltip").text(d.country + ": " + d.goals).style("left", event.pageX + 10 + "px").style("top", event.pageY + 10 + "px").style("visibility", "visible");}).on("mouseout", function() {// 隐藏提示框d3.select(".tooltip").style("visibility", "hidden");});// 添加坐标轴var xAxis = d3.axisBottom(xScale);svg.append("g").attr("transform", "translate(0," + svg.attr("height") + ")").call(xAxis);var yAxis = d3.axisLeft(yScale);svg.append("g").call(yAxis); </script> 标签： 欧洲杯传奇 揭秘C罗的惊人进球数
精彩推荐
加载更多