Drupal7+D3-在页面中嵌入圆形包可视化
Drupal 7 + D3 - embed circle-pack visualization in a page
本文关键字:可视化 Drupal7+D3- 更新时间:2023-09-26
我试图在Drupal 7基本页面中嵌入一个D3圆形包,但它出现在页面的错误部分-页脚下方。请参见此处:http://www.thedata.co/circlepackzoom10.我尝试过不同的主题,但没有什么不同。
我使用的是带有php过滤器的php-include方法:<?php include './sites/thedata.co/files/html/circle_packZoom-10.html';
。
我能够在节点体中嵌入一个D3图表,所以在某些情况下似乎可以做到。
JS控制台使用Chrome将内容区域定义为:<div class="field-item odd" property="content:encoded">
。也不适用于Firefox。
以下是完整的代码:http://jsfiddle.net/cajmcmahon/9a5xaovv/
var pack = d3.layout.pack()
.size([r, r])
.children(function(d) {
return d.values; // accessor for children
})
.value(function(d) {
return d.values; // accessor for values
});
//Declare SVG attributes
var svg = d3.select("body").append("svg")
.attr("width", w)
.attr("height", w)
.append("g")
.attr("transform", "translate(" + (w - r) / 2 + "," + (w - r) / 2 + ")");
有人知道如何将其放置在节点的主要内容区域中吗?谢谢
选择要放置图表的元素,而不是在d3中选择"body"。Select("body"(.append("svg"(.
类似于:
d3.select('#divID').append('svg') ... etc
因为这个方法只是将它附加到网站的body元素中。
相关文章:
- 使用 d3 可视化快速射击的“点击”
- 为 D3 可视化创建平均 Y 线
- D3 Javascript可视化巨大XML文件的性能
- 如何获取浏览器's”;背面“;按钮以清除d3.js可视化的先前状态
- android 2.3上的d3.js可视化
- 我正在尝试用D3可视化我的json对象.我希望日期是x轴,y是销售额.数值存储为字符串
- 使用D3.js加载用于可视化的本地数据
- 将 d3.parset 可视化效果旋转 90 度(使可视化效果变为水平而不是垂直)
- 使用 QGIS 和 D3 可视化自定义地图.js会受到投影的损害
- 使用 d3.js 可视化数据组的数据技术
- D3.js 和来自 CSV 文件图形宽度的数据可视化
- 基于 d3.js 的自定义可视化出现问题
- 如何保存调整后的 d3.js可视化效果
- 无法在 d3 力布局中可视化节点
- 无法在圆环图-D3中可视化标签
- d3:如何可视化一个简单的二维矩阵
- D3中的Y轴标记和数据可视化
- d3.js索引页可视化示例效果
- 改变形状文件投影的可视化与D3
- Drupal7+D3-在页面中嵌入圆形包可视化