草庐IT

javascript - 如何将 d3.svg.axis 限制为整数标签?

有没有可能限制图表上显示的d3.svg.axis整数标签的数量?以这张图为例。这里只有5种尺寸:[0,1,2,3,4]。但是,.5、1.5、2.5和3.5也会显示刻度。 最佳答案 您应该能够使用d3.format而不是为此编写您自己的格式函数。d3.svg.axis().tickFormat(d3.format("d"));您还可以在您的刻度上使用tickFormat,Axis将默认自动使用。 关于javascript-如何将d3.svg.axis限制为整数标签?,我们在StackOve

javascript - 如何将 d3.svg.axis 限制为整数标签?

有没有可能限制图表上显示的d3.svg.axis整数标签的数量?以这张图为例。这里只有5种尺寸:[0,1,2,3,4]。但是,.5、1.5、2.5和3.5也会显示刻度。 最佳答案 您应该能够使用d3.format而不是为此编写您自己的格式函数。d3.svg.axis().tickFormat(d3.format("d"));您还可以在您的刻度上使用tickFormat,Axis将默认自动使用。 关于javascript-如何将d3.svg.axis限制为整数标签?,我们在StackOve

javascript - 测试 d3(和其他基于 SVG 的)Web 应用程序

我有一个使用d3的Web应用程序一些复杂的基于SVG的可视化库。我对我的服务器端代码和JavaScript模型进行了自动化测试(我在我的JavaScript中使用类似MVC的架构)。这些在每次提交时都在JenkinsCI服务器上运行。现在我需要弄清楚如何检验我的观点。其他人如何解决这个问题,您使用什么工具?我的一些想法......将生成的SVG序列化为文件并与基线进行比较自动捕获浏览器图像并进行图像比较还有别的吗?谢谢! 最佳答案 您提供的示例用于测试图形输出。为此,您可以使用像PhantomCSS这样的屏幕截图差异工具。,Siku

javascript - 测试 d3(和其他基于 SVG 的)Web 应用程序

我有一个使用d3的Web应用程序一些复杂的基于SVG的可视化库。我对我的服务器端代码和JavaScript模型进行了自动化测试(我在我的JavaScript中使用类似MVC的架构)。这些在每次提交时都在JenkinsCI服务器上运行。现在我需要弄清楚如何检验我的观点。其他人如何解决这个问题,您使用什么工具?我的一些想法......将生成的SVG序列化为文件并与基线进行比较自动捕获浏览器图像并进行图像比较还有别的吗?谢谢! 最佳答案 您提供的示例用于测试图形输出。为此,您可以使用像PhantomCSS这样的屏幕截图差异工具。,Siku

javascript - 使用 D3.js(IE、safari 和 chrome)创建 SVG 后如何保存/导出 SVG 文件?

我目前有一个使用D3的网站,我希望用户可以选择将SVG另存为SVG文件。我正在使用crowbar.js来执行此操作,但它仅适用于chrome。Safari没有任何反应,IE拒绝访问crowbar.js中用于下载文件的click()方法。vare=document.createElement('script');if(window.location.protocol==='https:'){e.setAttribute('src','https://raw.github.com/NYTimes/svg-crowbar/gh-pages/svg-crowbar.js');}else{e.s

javascript - 使用 D3.js(IE、safari 和 chrome)创建 SVG 后如何保存/导出 SVG 文件?

我目前有一个使用D3的网站,我希望用户可以选择将SVG另存为SVG文件。我正在使用crowbar.js来执行此操作,但它仅适用于chrome。Safari没有任何反应,IE拒绝访问crowbar.js中用于下载文件的click()方法。vare=document.createElement('script');if(window.location.protocol==='https:'){e.setAttribute('src','https://raw.github.com/NYTimes/svg-crowbar/gh-pages/svg-crowbar.js');}else{e.s

javascript - Github 贡献图

关闭。这个问题是off-topic.它目前不接受答案。想改进这个问题吗?Updatethequestion所以它是on-topic用于堆栈溢出。关闭9年前。Improvethisquestiongithub.com有一个很棒的贡献图表。有人知道他们是否使用某种图书馆或gem吗?如果它是开源的,我也想在我的项目中使用它。看起来很棒!

javascript - Github 贡献图

关闭。这个问题是off-topic.它目前不接受答案。想改进这个问题吗?Updatethequestion所以它是on-topic用于堆栈溢出。关闭9年前。Improvethisquestiongithub.com有一个很棒的贡献图表。有人知道他们是否使用某种图书馆或gem吗?如果它是开源的,我也想在我的项目中使用它。看起来很棒!

javascript - 在 d3.js 中将标签放置在节点的中心

我从d3.js开始,并尝试创建一行节点,每个节点都包含一个居中的数字标签。我能够在视觉上产生所需的结果,但我做这件事的方式很难说是最佳的,因为它涉及到对每个文本元素的x-y坐标进行硬编码。下面是代码:varsvg_w=800;varsvg_h=400;varsvg=d3.select("body").append("svg").attr("width",svg_w).attr("weight",svg_h);vardataset=[];for(vari=0;inode类是我为circle元素单独定义的自定义CSS类,而类nodes和labels没有明确定义,它们是从这个answer借来

javascript - 在 d3.js 中将标签放置在节点的中心

我从d3.js开始,并尝试创建一行节点,每个节点都包含一个居中的数字标签。我能够在视觉上产生所需的结果,但我做这件事的方式很难说是最佳的,因为它涉及到对每个文本元素的x-y坐标进行硬编码。下面是代码:varsvg_w=800;varsvg_h=400;varsvg=d3.select("body").append("svg").attr("width",svg_w).attr("weight",svg_h);vardataset=[];for(vari=0;inode类是我为circle元素单独定义的自定义CSS类,而类nodes和labels没有明确定义,它们是从这个answer借来