jjzjj

折线图

全部标签

javascript - 如何获取折线图的日期标签?

我在我的应用程序中使用了Chart.js(版本:2.7.2)行,当我点击某些元素时打开对话框,我需要获取当前元素的标签(xAxes上的日期)。谷歌搜索我找到了示例并尝试制作下一个:varlineCanvas=document.getElementById("canvasVotesByDays");varctx=lineCanvas.getContext('2d');varlineChart=newChart(ctx,{type:'line',data:{labels:monthsXCoordItems,datasets:[{label:'CorrectVotes',...lineCan

javascript - 折线周围的长度缓冲区

我的数学不是很好,所以我遇到了一道题。我有一条从一个目的地到另一个目的地的路线。有一段时间我试图在固定长度的路线周围应用彩色图。但是我无法获得漂亮的圆Angular,而且我缺乏数学知识让我很烦恼。现在我明白了和代码varr=[];varbla=result.routes[0].overview_path;for(iinresult.routes[0].overview_path){r.push(newgoogle.maps.LatLng(bla[i].lat()+z,bla[i].lng()-z));}bla.reverse();for(xinbla){r.push(newgoogle

javascript - ChartJs 折线图在悬停时重新绘制故障

我有以下代码利用ChartJS库。/*assumethetagsintherightplace*/varctx=$("#graph1").get(0).getContext("2d");varmyChart=newChart(ctx).Line(graph1Generator("day"));...一切正常,但在添加以下事件处理程序以使用不同数据清除和重新绘制相同图表后,出现故障。weekButton.addEventListener("click",function(){ctx.clearRect(0,0,300,300);ctx.canvas.width=300;ctx.canva

javascript - 提高 Highcharts 折线图的性能

我正在使用Highcharts创建一个具有1440个数据点的可缩放折线图,这里是JSFiddledemo其中。在Firefox中,图表的性能非常缓慢,渲染需要几秒钟,并且在将鼠标悬停在数据点上和工具提示出现之间有很长的延迟。在我的页面上有几个这样的图表,它们的综合影响使页面几乎无法使用。是否有任何技巧/技巧可以提高具有相对较大数据集的图表的性能?我已将图表的JSON附加到这篇文章的末尾(数据本身被chop了)。顺便说一句,在我添加turboThreshold:0属性之前,图表根本没有呈现,因为该系列有超过1000个数据点。根据thedocs:Whenaseriescontainsada

javascript - 谷歌折线图 : drag to adjust value

我最近放弃使用Graphael和扩展包Ico.我认为它仍然是一个很棒的库,只是需要更好的文档和适当的API才能被广泛采用。我已经将带有图表的区域转换为使用GoogleCharts,但似乎无法找到一种方法来实现我使用graphael实现的一项特定功能:拖动支持。我的一个linecharts需要可编辑,这意味着可以上下拖动线上的各个点来调整值。我一直在尝试寻找事件或在API中附加事件的方法,但没有成功。有没有人设法做这样的事情?据说可以制作自定义图表-是否可以这样做?编辑:似乎不太可能或很难连接到GoogleAPI或输出的SVG。它在iframe中并且没有可用的源代码只会使它的吸引力越来越

javascript - Chart.js - 多折线图 - 只显示最后一个图表

我正在使用chart.js在一页上显示多个折线图。然而,只有最后一张图表显示,尽管我将它们命名为#canvas1和#canvas2。某处一定有冲突,我已经尝试了大多数事情,但没有任何快乐。这里有两个图表,它只显示最后一个:图一varlineChartData={labels:["January","February","March","April","May","June","July","August","September","October","November","December"],datasets:[{label:"Target",fillColor:"rgba(220,

javascript - chart.js中折线图的背景颜色

我想更改由chart.js生成的折线图的背景颜色。似乎没有这个选项,文档也没有帮助。在互联网上广泛搜索没有产生任何结果。这可能吗?我必须承认我对HTML5canvas了解不多,所以我有点挣扎! 最佳答案 使用Chart.jsv2.1,您可以编写自己的插件来执行此操作预览脚本Chart.pluginService.register({beforeDraw:function(chart,easing){if(chart.config.options.chartArea&&chart.config.options.chartArea.ba

javascript - D3.JS 时序折线图,带实时数据,可平移缩放

FIDDLE我正在尝试在d3中创建一个实时(实时更新)时间序列图表,该图表也可以平移(在X中)和缩放。理想情况下,我想要的功能是,如果线的最右侧部分对用户可见,那么当新数据添加到图形时,它会自动横向平移以包含新数据(不更改轴刻度)。我的d3.json()请求应该返回如下所示的JSON数组:[{"timestamp":1399325270,"value":-0.0029460209892230222598710528},{"timestamp":1399325271,"value":-0.0029460209892230222598710528},{"timestamp":1399325

javascript - 如何在折线地理图中增加鼠标悬停 “hit area”

我想在多段线路径上鼠标悬停/鼠标移出时显示和隐藏工具提示,问题是我的多段线路径只有笔画宽度2,所以不容易命中鼠标悬停事件中的区域,这肯定不方便用户体验。我想知道是否有一种方法可以使用任意宽度使点击区域变宽,但对用户不可见?下面是我的代码片段path=newgoogle.maps.Polyline(plotOptions);path.setMap(that.map);this.polyPathArray.push(path);google.maps.event.addListener(path,'mouseover',(function(index){returnfunction(pol

javascript - 类似谷歌的股票图表/折线图

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我正在寻找类似于GoogleChart(example)的特定样式的Javascript或SVG图表库我已经搜索了一段时间,但找不到任何与这种风格非常相似的东西,我很好奇是否有人可以指出正确的方向以实现类似的最终结果。我查看了GoogleVisualizationAPI并尝试制作LineChartinJSFiddle但似乎无法复制那种设计风格。有什么建议吗?SeeEx