草庐IT

绘制图形

全部标签

javascript - 使用 JSON 绘制谷歌图表

如果它是一个单独的JSON文件,我如何检索和使用谷歌图表的数据集?我尝试了jQuerygetJSON但无法正常工作。GoogleViz应该使用JSON来绘制条形图有原生的googleAPI方式吗?或者我能找到一种使用jQuery的方法吗?如何使用?谢谢//LoadtheVisualizationAPIandthepiechartpackage.google.load('visualization','1.0',{'packages':['corechart']});//SetacallbacktorunwhentheGoogleVisualizationAPIisloaded.goog

javascript - 使用 Google map api V3 ASP.net 绘制多条不同颜色的多段线

我可以在谷歌地图中绘制多条折线并设置它们的样式,但我想用不同的颜色为每条折线着色。目前,我有这段代码:varDrivePath=[newgoogle.maps.LatLng(37.772323,-122.214897),newgoogle.maps.LatLng(21.291982,-157.821856),newgoogle.maps.LatLng(-18.142599,178.431),newgoogle.maps.LatLng(-27.46758,153.027892),newgoogle.maps.LatLng(12.97918167,77.6449),newgoogle.ma

javascript - 使用 nvd3 仅绘制分组的多条字符

我使用nvd3库绘制了一个multibarChart,它工作得很好,但它给了我两个单选按钮来选择我想要堆叠条形图还是分组条形图。我可以禁用它并让它只显示分组的条形图吗?这是javascript代码:nv.addGraph(function(){varchart=nv.models.multiBarChart();chart.xAxis.tickFormat(d3.format(',f'));chart.yAxis.tickFormat(d3.format(',.1f'));varx=data();d3.select('#chartsvg').datum(data()).transiti

javascript - 使用 C# 在 Google map 上绘制自定义形状并存储到 Oracle 数据库中

是否可以使用C#中的Gmap库在Googlemap上制作自定义形状(使用鼠标),然后将其保存到数据库中,并根据客户端请求在Googlemap上绘制存储的形状再次?是否有可能在任何其他库或Gmap中执行此类操作(我不期待代码。只是执行它的概述。)? 最佳答案 天啊……这绝对可行!我每天都这样做!让我分享一下我是如何实现它的。另一件事要记住,这适用于Googlemap和Bingmap。首先,您必须不仅将map表示为坐标,还必须将其表示为小方block的集合。现在我的意思是什么?!看看下面这张图片。这是捷克共和国在谷歌地图上的图像。现在捷

javascript - 在不卡住 GUI 的情况下呈现 plotly.js 图形(Web Worker?)

我正在开发一个仪表板,用户可以在其中构建自己的可视化效果(使用plotly.js)。有时,这些可视化的复杂性会导致渲染时间过长,从而导致浏览器UI卡住。我已经在我的仪表板中为其他任务创建了网络worker。也许有一种方法可以在web-worker中渲染plotly.js图形并将它们返回到主线程?我知道web-workers没有DOM/Canvas能力。但是也许有技巧或者您知道防止GUI卡住的更好方法?也许使用phantomjs将渲染外包给服务器(我从未使用过它,所以只是猜测它可以与pjs一起工作)。 最佳答案 您的问题的可能解决方案

javascript - 使用 d3.js 绘制旋转和翻转的叠瓦 block

我必须创建由block层次结构组成的图表(一个大块包含包含其他block的较小块)。数据是这些block的层次结构{element:{name:test,geometry:[..],orientation:'180'}element:{name:test2,geometry:[..],orientation:'none'}element:{name:test3,geometry:[..],orientation:'flipX'}element:{name:test4,geometry:[..],orientation:'90'children:[element:{name:test5,

javascript - 基于 JS 的 influxdb 图形编辑器,如 Grafana、Influga,是否有可重用的库?

我一直在使用像grafana这样的工具或influga,这些都是很棒的项目,可以帮助创建带有图表和各种类型图形的仪表板。我想知道,是否有可能将这些应用程序的2个核心功能分离到一个独立的javascript库中,该库可以在现有的网络应用程序中重复使用(最终用户也可以轻松使用)?2个主要特征是:图形编辑器(查询、标签、颜色等)图TableView(查看图表、更改日期范围、放大和缩小、ecc)grafana和类似解决方案的问题在于它们不容易与现有的Web应用程序集成,并且这些项目的复杂性和添加新功能越来越多,而许多人可能需要的是与现有Web应用程序进行某种集成.有人在做这方面的工作吗?如果是

javascript - react-chartjs-2 状态更新时不更新图形

我正在创建一个仪表板应用程序,它从端点获取数据并使用setState方法将端点返回的JSON中的变量分配给状态变量。当我更改状态时,某些组件(如“react-svg-gauge”)将更新,但“react-chartjs-2”不会更新。下面的代码是我的状态如何在我的实际应用程序中变化的示例。此示例将在chrome开发人员控制台中显示状态变量的正确值,但不会相应地更新DOM。importReact,{Component}from'react';import{Doughnut}from'react-chartjs-2';classDoughnutExampleextendsComponent

javascript 甘特图 - 按天/小时/分钟绘制数据图表

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭3年前。Improvethisquestion我想使用来自第三方调度软件的数据来生成甘特图或时间线类型的图表,以便在网页上显示工厂调度数据。要求包括javascript/html(5)/css解决方案(尽可能不使用flash)主要用于甘特图/时间线类型的图表,但其他图表类型也可能有用如果可能,基于jquery或原型(prototype)时间尺度应允许小时/分钟-这对于安排人工/机械很重要。(5分钟间隔可能够了)开

javascript - React中的图形可视化库

我们有一个表示有向图的数据集。目前,我们在ui的网格(slickgrid)中显示这些数据,如下所示。ParentNodesofSelectedNode:------------------------------SelectedNode--ParentNode1--ParentNode2--ParentNode3..ChildNodesofSelectedNode:-----------------------------SelectedNode--ChildNode1--ChildNode2--ChildNode3..这种显示数据的方式的问题是,它不直观,也不好看。它可以更好地呈现一