草庐IT

Zingchart

全部标签

javascript - Zingchart - 如何向工具提示添加更多信息?

我正在尝试ZingChart并以这种方式拥有JS数组:"values":[[1458846060000,167.272,"Parameter1","Parameter2","Parameter3"],[1458847060000,150.272,"Parameter1","Parameter2","Parameter3"]]当鼠标悬停在特定点上时-我可以在工具提示中显示时间、值和系列,但是当用户将鼠标悬停在散点图中的特定点上时,如何显示同一数组中的参数1、2、3?谢谢。 最佳答案 您可以使用自定义标记,这些标记在“绘图”或“系列”对

javascript - 绘图工具 - Angular2

我对Web应用程序比较陌生,因此才刚刚开始使用Angular2(还没有使用过angularJS)和Typescript。我正在尝试使用Zingchart绘制图表。我经历了5分钟的快速入门以及angular2页面中的教程,并对它的工作原理有了一个不错的了解。我按照Zingchart页面上的说明使用这两个工具(https://blog.zingchart.com/2016/03/16/angular-2-example-zingchart/)在网页上创建了一个图表。但是,我似乎遇到了问题。1)我无法从@angular/core导入AfterView。尽管页面上说我必须使用angular2/

javascript - ZingChart X 轴标签显示为数字而不是字符串

我正在使用ZingChart库来绘制API调用结果的图表。当我为图表数据对象的“值”字段传入一个普通数组时,一切正常。但是,当我传入一个由Object.keys(titleSet)(其中titleSet是一个普通的Javascript对象)组成的数组时,图形显示如下:ExampleChart如您所见,x轴现在标有数字而不是字符串数组。但是当我打印出Object.keys(titleSet)的结果与传入普通数组的结果时,它们在控制台中看起来是相同的。谁能帮我弄清楚我做错了什么?//ListofmoviesinputtedbytheuservarmovieList=[];varmovieS

javascript - Zingchart - 将函数传递给工具提示

是否可以将函数传递给ZingchartJson中的工具提示键?到目前为止,我尝试了以下方法:$scope.applyTooltip=function(timestamp){console.log(timestamp);vartooltip="";vardata={timestamp1:{param1:"bla",param2:"foo,},...}for(varparamindata){console.log(param);tooltip+=param+":"+data[param]+"";}tooltop+=";returntooltip;}$scope.graphoptions={

javascript - 在 zingChart.render() 之后调用回调函数

我正在使用ZingChart.render()方法渲染散点图。它工作正常,给了我预期的结果。我想在图形渲染完成后执行一些代码。由于JS代码以异步方式执行,因此我想在图形渲染之后执行的代码在图形渲染之前执行。在ZingChart渲染完成后,JS/ZingChart中有没有什么方法可以成功执行一些代码。示例代码.jszingchart.render({id:'chartDiv',data:chartData,height:400,width:600});ZingChart渲染完成后需要执行的样例行performance.now()问候阿杰 最佳答案

javascript - 在 ZingChart 上自定义 x 轴

我想使用ZingChart绘制一个与此类似的图形:到目前为止我能做的最好的是:来源:{"graphset":[{"type":"line","series":[{"values":[[1,218.2],[2,121.7],[4,62.27],[8,34.37],[16,19.79],[20,16.52],[32,17.1],[40,16.11],[64,91.9]]}],"scale-x":{"values":[1,2,4,8,16,20,32,40,64]}}]}如何将x刻度的位置固定为与x值相同? 最佳答案 您首先要在scale

javascript - Zingchart:使用标记在规则中定位多个系列

我想知道是否可以使用token在同一规则中定位多个系列。本质上,我的目标是“如果系列1中的值大于系列2中相同位置的值,则更改一些样式”。Zingchart配置:varconfig={//...'type':'area','plot':{'rules':[{'rule':'',//%vfromseries1>%vfromseries2'background-color':'#ccc'}]},'series':[{'text':'Series1','values':[36,40,38,47,49,45,48,54,58,65,74,79,85,83,79,71,61,55]},{'text

javascript - 在 ZingChart 上绘制形状作为值

我有一个要求,我的数据值是二维对象,我必须在图表中绘制(散点图):在这张图表上,我有两个值(红色和绿色),每个值都由一个坐标为(x1,y1)-(x2-y2)的矩形组成。您知道如何使用ZingChart库实现这一点吗?有可能吗?如果没有,您知道我可以用来实现此功能的替代javascript库吗?谢谢! 最佳答案 我是ZingChart团队的一员,很乐意为您提供帮助。这当然可以使用类型为“poly”的标记对象。在标记对象的points数组中,您需要指定矩形的所有四个点,它们看起来像这样:[[x1,y1],[x1,y2],[x2,y2],

javascript - ZingChart JS - 获取可见节点

我使用ZingChartlibrary创建了一个图表一切都按预期进行。该图用于显示特定socket随时间变化的功耗。加载图表后,系统会显示该时间段的kWh消耗量。用户能够放大和缩小图表,当发生这种情况时,我想显示图表中显示的那段时间的功耗。我正在使用缩放事件:zingchart.render({id:'chartDiv',data:graphset,height:500,events:{zoom:function(p){console.log(p);console.log(zingchart.exec(p.id,'getseriesdata',{}));console.log(zing

javascript - 如何显示带有跳过值的连续折线图(在 Zingchart 中)?

我正在使用折线图显示两个系列的数据。每个系列都可以跳过值(它们用空值初始化)。结果我得到了一条有断点的线。问题是如何在跳过值的情况下显示连续的线(图像的下图)。我搜索了所有标有“zingchart”的问题,阅读了zingchart.com上的文档和示例”,但我找不到任何可以解决我的问题的方法。这是两个图表的图像(上图-我得到的,下图-我需要的):http://imgur.com/u7zLq32 最佳答案 编辑-根据评论更新在那种情况下,您将从一维数组切换到二维数组,如下所示:values=[[X,Y]]其中X对应于X比例值,Y对应于