草庐IT

图表库-Echarts

全部标签

javascript - 如何将误差线添加到 nvd3.js 图表中的折线图

我最近遇到了看起来很棒的nv.d3js图形工具。我一切正常;然而.....我正在考虑将它们与用于呈现科学数据的html5幻灯片放映结合起来实现。因此,将误差线添加到折线图和条形图中的值会很棒。它会简单地为每个定义误差条高度的数据点分配一个值。我猜这可能很困难,但将其添加到脚本中将是一个很棒的功能。有什么建议吗?不幸的是我不是编码员 最佳答案 所以我为此创建了一个错误栏函数,数组中isError的值给出了每个点的错误栏的大小:varcharts;nv.addGraph(Bodyweight(this));//nv.addGraph(f

javascript - Angular2 ng2-图表自定义?

我已经开始使用angular2ng2-chart。对于我使用angular2ng2-chart创建的下图,我有几个问题,但仍想进行更多自定义:问题:1)当没有像上图Nov-7中那样的值为0(零)的值时,如何在两点之间画一条虚线?2)如何制作阴影效果、不透明度或多种颜色的组合?3)当我将鼠标悬停在任何定义的点上时以及如果我想在鼠标悬停时更改y轴网格颜色时如何获取y轴的值。使用ng2-chart悬停功能的最佳方法是什么?当前示例代码和配置文件:index.htmlOverviewindex.component.tsimport{Component,Output,EventEmitter,O

javascript - 如何在我的网站中集成交易 View 图表库

我正在建立一个用于比特币交易的网站。我想使用交易Viewchartinglibrary我将它提取到我的工作区中。我想知道如何提供我自己的数据馈送。数据馈送文件应采用哪种格式(如php、js、json)?var_datafeed=newDatafeeds.UDFCompatibleDatafeed("http://localhost/workspace/charting");//var_datafeed=newDatafeeds.UDFCompatibleDatafeed("https://demo_feed.tradingview.com");TradingView.onready(f

javascript - 如何进行多个 api 调用以在 d3 图表中显示单个数据

我正在尝试使用d3在图表中显示数据,方法是使用相同的数据但不同的日期进行2个单独的api调用。第一次API调用:vardata1={'name':'test','id':7948237982937,'startDate':startDate1,'endDate':endDate1,'tz':getTimezoneOffset()};vardata2:{'name':'test','id':7948237982937,'startDate':startDate2,'endDate':endDate2,'tz':getTimezoneOffset()};我正在尝试进行调用并按如下方式显示图

javascript - 关于 C3.js 图表数据拆分

由于我不熟悉C3.js库,所以在尝试拆分Array数据时我有点困惑。我现在有一些来自json的数组值。varjsondata=[[123],[45],[56],[22]];varjsondataName=[["apple"],["orange"],["banana"],["pear"]];我试图将第一个数组jsondata传递到图表中,但这些值进入同一列,这不是我希望看到的。我希望这些数组值成为独立的数据并将名称压入其中请看我做的演示:http://jsfiddle.net/q8h39/92/我想要的结果应该是这样的更新json数据格式:"Name":apple,"data":{"va

javascript - 向注释图表添加部分?

我正在使用GoogleCharts'AnnotationChart显示数据。一切正常,但未显示音量部分,如本googlefinancechart所示我相信,它使用相同的图表。这是我到目前为止的内容,但我不知道如何包括该部分:google.charts.load('current',{'packages':['annotationchart']});google.charts.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn

javascript - ExtJs/YUI 图表中图表的颜色可以动态改变吗?

我在我的应用程序中使用ExtJs/YUI图表。我想知道的是,是否可以根据数据动态更改任何图表上的颜色?即我有一个商店,其中包含一个字段,其中包含该特定行的十六进制颜色。是否可以使用十六进制值动态设置条形图中条形的颜色? 最佳答案 看看这个blogpost.配置图表对象时,传递一个带有样式属性的系列对象,如该帖子中所述,以定义颜色及其顺序。然后您只需要通过遍历您的商店记录并构建一个新数组,或者使用store.query从您的商店中提取它来获取您的颜色。然后将此数组作为属性传递。(...),series:[style:{colors:a

javascript - jqplot 仅在一个图表上显示荧光笔

我有一个带有两条数据线的jqplot图表。只有一个应该启用荧光笔。我试过这个:series:[{highlighter:{formatString:"",show:false}},{highlighter:{formatString:"Day%s:%d",show:true}}]但不幸的是,这不起作用:荧光笔在第一行显示一个小空点,而它应该什么都不显示。如何在一个图表上显示荧光笔而不在另一个图表上显示? 最佳答案 这是一个非常有趣的问题(+1)。我想到的唯一解决方案是清理Canvas并在每次应该显示时隐藏荧光笔的工具提示,因为玩情节

具有缩放和大数据支持的 Javascript 图表库

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭3年前。Improvethisquestion谁能推荐一个具有缩放功能的特定JavaScript图表库,同时支持大约2,50,000/250K绘图点的大型数据。建议开源。

javascript - Microstrategy 使用可视化作为选择器 D3 服装图表

我正在尝试使用可视化作为D3服装图表上的选择器。我正在按照此处的SDK文档进行操作,但无法使我的示例正常工作。基本上,我通过声明“我”var并启用“用作过滤器”选项来加注星标。varme=this;this.addUseAsFilterMenuItem();然后,在附加desvg元素时,我添加了clear和endselecion方法:varg=d3.select(this.domNode).append("svg").attr("width",width+margin.left+margin.right).attr("height",height+margin.top+margin.b