我有一个和D3js 一起工作的。
我希望能够将它保存为与中显示的目录相同的图像
d3.select('#saveButton').on('click', function(){
var svgString = getSVGString(svg.node());
svgString2Image( svgString, 2*width, 2*height, 'png', save ); // passes Blob and filesize String to the callback
function save( data
当一个按钮被点击时,我正在尝试绘制d3图表。但是我看过的所有d3教程都说,d3代码应该放在您希望图表出现的元素中。这意味着d3代码将在页面加载时执行,但我希望代码仅在单击按钮时运行。
我还想知道是否可以将d3代码放在一个外部文件中,该文件包装在一个函数中,我可以在需要时调用该函数。如果没有,我该如何创建在单击时显示d3图表的按钮?
HTML
<input type="button" Value="show" />
<div id="presentation">
<!-- bar charts to show up
我正在尝试将d3图表导出为按钮click.Also上的png图像,我在下面提到了我在这里使用的函数:
$(function() {
$('#btnSave').click(function(){
html2canvas($('#test'),
{
onrendered: function (canvas) {
var a = document.createElement('a');
// toDataURL defaults to png, so we need to reques
嗨,我是一个新的超文本标记语言和JS我正在尝试创建一个函数,将只显示的div,我想要显示它的动态,因为div可以超过5。我想像第一个按钮,我只想显示D1的div,其余的div将被隐藏,如果我点击按钮2的d1将隐藏和d3上面。如果您能给我任何建议或帮助,我将不胜感激,谢谢! function myFunction(t, n) {
var g = t + n;
var x = document.getElementById(g);
if (g === "D1") {
x.style.display = "block";
//hid
我试图在Nuxt 3项目中使用D3扩展,并为此在plugins/目录中创建了一个d3.client.js文件。
import * as d3 from "d3";
import { defineNuxtPlugin } from '#app'
export default defineNuxtPlugin(nuxtApp => {
nuxtApp.vueApp.use(d3)
})
但是,当我尝试使用它时,它会给我一个500个内部服务器错误document is not defined。
<script>
import * as d3