我可以在 D3.js SVG 容器中创建 HTML 列表吗?

Can I create an HTML list in a D3.js SVG container

本文关键字:HTML 创建 列表 D3 js SVG 我可以      更新时间:2023-09-26

这是我正在处理的代码。我想将某一年的事件绘制为无序列表。

可以使用d3.js吗?

法典-

var mevent = svg.append("text")
        .attr("class", "year mevent")
        .attr("text-anchor", "end")
        .attr("y", height - 450)
        .attr("x", width - 300)
        .attr("width", 1000)
        .attr("height", 200)
        .text("");

  // Updates the display to show the specified year.
  function displayYear(year) {
    dot.data(interpolateData(year), key).call(position).sort(order);
    year = Math.round(year);
    label.text(year);
    price.text("$ " + iacprices[year]);
    mevents_text = "";
    for (var i = 0; i < (mevents[year]).length; i++) {
        mevents_text = "*" + mevents_text 
        + (mevents[year])[i];
    }
    mevent.text(mevents_text);

是的,您可以将HTML元素与外来对象一起放置在SVG中。

示例 w/d3