jjzjj

javascript - 在 Highcharts 中以编程方式更改面积图的颜色

我想在最初呈现后更改面积图的颜色。在单击按钮后的JSFiddle演示中,当您将鼠标悬停在数据点上或通过单击图例隐藏然后再次显示来切换显示时,您可以看到颜色发生了变化。在这两个中,主要区域的颜色都没有更新,但数据点和图例已经更新。JSFiddle演示:http://jsfiddle.net/simonweston/tLwy5/如有任何帮助,我们将不胜感激。 最佳答案 您可以动态更改它,但您需要操作SVGDOM元素而不是图表对象:$($('.highcharts-series').children()[0]).attr('fill','

javascript - 对于 d3 力导向图,节点、组和值在 JSON 中意味着什么?

我正在尝试创建一个d3力导向图(http://mbostock.github.com/d3/ex/force.html)。这是包含我的数据的简单JSON文件。{"nodes":[{"name":"Node1","group":1},{"name":"Node2","group":1}],"links":[{"source":1,"target":2,"value":2}]}我在同一组中有两个节点。我也在尝试在两个节点之间创建链接。但是,我的页面仍然是空白的(而且我确信除了JSON之外的其他部分都是正确的)。什么是“组”?为什么边同时具有“源”和“目标”——这些值是什么?为什么链接有“值

javascript - Chart.js:带部分虚线的折线图

我正在尝试绘制折线图,​​该折线图应显示一条部分实线和部分虚线(以表示真实数据和预期数据)。我发现这个例子在2.0.0-alpha版本上完美运行varlineChartData={labels:['A','B','C','D','E','F','G'],datasets:[{label:"MyFirstdataset",data:[1,8,3,4,2,3,4],borderColor:'#66f',borderDash:[20,30],pointBackgroundColor:"transparent"},{label:"MyFirstdataset",data:[1,8,3,4,2,

javascript - 在调整大小的容器中重新排列网格元素,保持一个图 block 不变

我有一个网格,它被设计成固定的宽度和高度。请参见下图。此网格必须适用于所有屏幕尺寸,同时使网格中的元素保持在相同的位置。我的代码目前根据设计的原始宽度/高度调整这些元素的大小,并使其适应新的宽度/高度。尽管在下面的示例中它们没有正确定位,但计算确实有效。我遇到的困难是,我需要将504x504的中心网格图block设为静态,并考虑到这一点调整其他图block。目前所有元素,包括中间的调整,我只想停止调整中间的元素,而其他元素则删除/添加差异到它们的宽度/高度。这很难解释,如果我可以添加更多详细信息,请告诉我。constinitalWidth=1043;constinitialHeight

javascript - 使用 KendoUI 折线图,如何使数据标记(点)成为纯色?

我正在使用KendoUI替换现有图表。我需要尽量减少图表之间的变化。有谁知道如何使折线图上的点变为实线?有没有可能把线做得更细?这是我的图表图片:如果你想玩的话,这是我的jsFiddle项目:http://jsfiddle.net/rodneyhickman/uMTnh/2/我的html看起来像:我的jQuery脚本看起来像:jQuery('#chart').kendoChart({title:{text:"OverallScoreoutof100",align:"left",font:"18pxArial,Verdana,sans-serif",color:"#444"},serie

javascript - D3 气泡图

我是D3的新手,除非我使用确切的示例数据,否则我很难使用气泡图:https://github.com/mbostock/d3/blob/master/examples/bubble/bubble.jshttps://github.com/mbostock/d3/blob/master/examples/data/flare.json特别是我遇到了麻烦.attr("transform",function(d){return"translate("+d.x+","+d.y+")";});我无法运行让这部分代码与其他示例一起工作。这是我正在处理的JSON数据的一个子集:{"name":301

javascript - Chart.js 使用日期创建折线图

我似乎无法让Chart.js处理日期。我尝试了很多不同的方法:letexamChart=document.getElementById("examChart").getContext("2d");letexamLineChart=newChart(examChart,{type:"line",data:[{t:newDate("2015-3-1513:3"),y:12},{t:newDate("2015-3-2513:2"),y:21},{t:newDate("2015-4-2514:12"),y:32}],options:{label:"placeholder"}});和:letex

javascript - 分支图、生命之树、分支学、JS 或 Canvas 中的分类法?

好人——我需要一些帮助来找到创建交互式分支图或系统发育树的方法(是的,我已经阅读了所有相关帖子,但没有找到我要找的东西)。问题是,我需要节点可以命名。一个例子是这样的我发现的大多数脚本要么是applets、flash,要么根本不显示节点分类,即在本例中它会跳过“feliformia”。这对我没用,因为我最终会得到食肉动物-匿名节点-匿名节点-匿名节点-老虎,这并不好。这棵树在理论上将覆盖所有生命,因此它可以变得相当大,并从数据库中获取英文和拉丁文的链接和名称。所以:没有Flash,没有小程序。它必须是水平的,没有super树(圆形)。我经历过这个http://bioinfo.unice

javascript - 如何缩放 jonitjs 图?

我注意到自http://www.jointjs.com/起,jointjs确实支持放大/缩小。但找不到任何例子。请帮助我放大/缩小jointjs在中创建的结果图的步骤? 最佳答案 JointPaper有一个名为scale()的方法。我有这个用于缩放(缩放)我的图表的实现:vargraphScale=1;varpaperScale=function(sx,sy){paper.scale(sx,sy);};varzoomOut=function(){graphScale-=0.1;paperScale(graphScale,graphS

javascript - D3.js 获取面积图最近的 X 和 Y 坐标

您好,我有一个包含多个X(年份)和Y(价格)值的面积图。正如我发现的那样,当用户单击线上的一个点时,有一种简单的方法可以获取图表的X、Y坐标值,但是单击外部线,即SVG/图表主体区域只能提供平面坐标的X、Y而不是数据。图表上的点:circles=c.svg().selectAll'circle.dot'circles.on'click',(d)->console.log'POINT','Datum:',dO/P:POINTDatum:{x:FriFeb01198000:00:00GMT+0000(GMTStandardTime),y:666}图表外点:svg.on'click',()-