chart.js相关内容

Chart.js如何获取组合条形图和折线图?

我想问的是,可以使用Chart.js http://www.chartjs.org/ 来获取组合栏和折线图? 感谢任何建议。 解决方案 下面的答案是关于chart.js 1.x. Chart.js 2.x支持此 编辑2 现在我已将此功能添加到我的自定义构建of chartjs如果您要使用该 https://github.com/leighquince/Chart.js唯一的区别 ..
发布时间:2016-11-20 16:40:11 其他开发

动态更新chartjs图表的值

我使用chartjs创建了一个基本的条形图,它工作正常。现在我想更新基于时间间隔的值。我的问题是,在我创建图表后,我不知道如何正确更新其值... 我的代码: var ctx = $(“#myChart”)。get(0).getContext(“2d”); var dts = [ { fillColor:“rgba(220,220,220,0.5)”, strokeCol ..
发布时间:2016-11-20 16:37:32 其他开发

如何设置ChartJS y轴标题

我使用Chartjs来显示图表,我需要设置y轴的标题,但在文档中没有相关信息。 我需要将y轴设置为像图片或y轴的顶部,所以有人现在可以是该参数是什么。 http://js.devexpress.com/Content/images/doc /15_1/ChartJS/fullStackedSplineArea.png 我已经看过官方网站,但没有任何相关资讯 您可以调整选项并 ..
发布时间:2016-11-20 16:36:06 前端开发

如何在Chartjs 2条形图中修改条宽

有人告诉我如何在Chartjs 2条形图中修改条宽。文档中没有任何内容。 https://github.com/nnnick/Chart.js/tree/v2.0-dev/docsI 不知道该怎么做。 解决方案 注意,似乎有一些变化。 对于版本2.0.0-alpha 为xAxes设置 categorySpacing 。 Chart.defaults.bar.sca ..
发布时间:2016-11-13 04:11:03 前端开发

Chart.js填充画布

我使用最新的chart.js库来生成一个没有尺度的折线图,但是有一个填充问题,顶点和底点被截断。我无法看到任何用于填充画布的选项。 我的配置如下。 var config = { type:'line', data:{ labels:[“January”,“February”,“March”,“April”,“May”,“June”,“July”], datasets:[{ ..
发布时间:2016-11-13 03:58:48 其他开发

插入百分比charts.js甜甜圈

我是,使用charts.js图书馆,并想知道如何添加一些标记在一个甜甜圈图表的洞(sth像一个百分比) - My js jQuery(document).ready(function(){ var data = [ { value:5, color:“#A1638C”, highlight:“#BF7AAF”, label:“DíasCompletados 1/21” ..
发布时间:2016-11-13 02:28:54 前端开发

当悬停在chartjs饼图上时,canvas填充文本消失

我使用chartjs的圆环图,在这个画布的中心,我正在填充两行文本。这些在初始动画之后显示得很好,但是当我将鼠标悬停在圆环上时,会显示相关元素的工具提示(这是预期的),但填充文本消失。 这里是我用来在画布上生成文本的代码 var pieChart = document.getElementById(“pieChart”)。getContext(“2d”); new Chart(p ..
发布时间:2016-11-13 01:12:48 前端开发

限制Chartjs折线图上的标签数量

我想从我获得的数据显示我的图表上的所有点,但我不想显示所有的标签为他们,因为然后图表不是很可读。 我不想只使用三个标签,例如,因为那么图表也只限于三点。可能吗? 我现在有类似的东西: 如果我可以离开每三分之一的标签,是伟大的。 解决方案 为了具体性,我们假设你的原始标签列表如下: [“0”,“1”,“2”,“3”,“4”,“5”,“6” ,“8”] 如果您只想 ..
发布时间:2016-11-13 00:07:01 前端开发

如何添加标签到Chart.js画布插件?

我使用了真棒插件 Chart.js ,我正在尝试找到在每个百分比内显示标签的方式。所以我googled它,我发现这拉: https://github.com/nnnick/Chart.js/pull / 35 我做了一个简单的小提琴来测试它,但不起作用: http://jsfiddle.net/marianico2/7ktug/1/ 这是内容: HTML ; canvas ..
发布时间:2016-11-12 23:58:33 前端开发

Chart.js canvas调整大小

在( Android WebView HTML5 canvas错误)中,我发布了一个有关绘图的问题使用Graph.js库。 现在的问题是,如果我调用函数来绘制图多次,画布每次调整大小。每次将图形重绘到同一画布时,其大小也会更改。 我也尝试设置画布的大小,但没有成功。 可能是什么原因?为什么画布每次都调整大小? 解决方案 我有很多问题,因为毕竟我的线图看起来可怕,当鼠标悬停,我发现 ..
发布时间:2016-11-12 23:42:13 前端开发

在工具提示中显示标签,但在chartjs折线图的x轴中不显示标签

我目前正在使用带有chart.js的折线图,并且有一个标签集,看起来像 [“2015年1月”,“2015年2月”,“2015年3月”,“2015年4月” ,“2015年5月”,“2015年6月”] 。我希望相关标签显示在图表的工具提示中,但只希望每个交替的标签显示在图表的x轴上,以防止拥挤。是否有一种方法可以实现这个? 我目前用“”替换我的数组中的每个第二个值,但是虽然从x轴删除拥挤, ..
发布时间:2016-11-12 23:35:03 前端开发

角Chartjs如何使它反应到数据的变化?

我试图写一个应用程序,从API显示一些数据,并在工作过程中,我将能够更改日期和时间范围内,我想在图表上显示。 现在我用的基础数据变化的战斗。 我有一个简单的图表code: HTML: <按钮式=“按钮”级=“BTN BTN-成功”NG点击=“ReloadChart();”>刷新< /按钮> < D​​IV CLASS =“COL-LG-12 COL-SM-12 ..

角图不呈现任何内容

我建立使用AngularJS的应用程序。在这个程序,我想显示线路图与一些数据。我有一个页面有两个“标签”。我用我自己的实现此: 在顶部的两个按钮, $ scope.graph.visible 正在由点击这些按钮设定布尔。 这是在HTML图表: <帆布 数据=“{{graph.data}}” 标签=“{{graph.labels}}” 选项​​=“{{graph.option ..
发布时间:2016-04-11 20:47:28 前端开发

chart.js之替换所有数据

具有chart.js之一个问题IM。 Firts,我设置一个数据,然后当一个参数变化,我想重新绑定整个图表。 这项工作,但它像旧的数据图表仍落后于新的。 第 - > chart.Line(数据,选项); 在一个活动 - > chart.Line(newdata,期权); 我看到这个解决方案 chart.js之装载全新的数据 但我不喜欢这种方式。林在角指令范围内,所以它不是最 ..
发布时间:2016-04-10 22:22:29 前端开发

如何改变角度chart.js之提示

所以,我使用角图-JS 插件上的离子应用程序(不知道这有关)。 通过线性图表,默认情况下,在点击一个点,当我得到一个提示,如下所示: 和我想改变这种提示里面,我找不到对谷歌任何东西。 任何帮助是pciated AP $ P $ 解决方案 在图表选项,您可以指定一个图表,你可以创建一个函数返回一个模板的提示。 $ scope.chart_options = { mult ..
发布时间:2016-04-10 21:57:43 JavaScript

负载JSON来显示数据,采用NG-重复{} ANGULAR.JS

我的HTML: < D​​IV CLASS =“图形显示”NG控制器=“jsonServerBox”> < D​​IV CLASS =“条形图盒”NG重复=“模块中ocw.modules”> <帆布类=“图图吧”数据=“{{module.data}}”标签=“{{module.labels}}”系列=“{{module.series}}”&G ..
发布时间:2016-04-07 23:36:37 JavaScript

ChartJS - 每个数据点的不同颜色

有没有一种方法来设置不同的颜色的数据点的折线图如果超过一定的值? 我发现这个例子dxChart - http://stackoverflow.com/a/24928967/949195 - 现在寻找类似的东西ChartJS 解决方案 有关ChartJS问得好。我一直想要做类似的事情。即点颜色动态变化,以不同的颜色。你有没有试过低于这个。我只是尝试它,它为我工作。 试试这个: myL ..
发布时间:2016-04-07 22:26:23 前端开发