chart.js

-1热度

1回答

如何将Json数据转换为Array。我不能做到这一点，我有JSON数据为： var setdata = [{ \t "data": [{ \t "month" : "January", \t "name" : "Alex", \t "count" : 10 \t }] \t }, \t { \t "data": [{ \t

0热度

2回答

html2canvas Chart.js图表未呈现

我想导出包含Chart.js图表作为图标的div。所有元素都显示得非常好，但是，Chart.js画布不会呈现。我在我的图表中的onAnimationComplete选项的回调中调用了我的导出函数，因此导出无法在图表完全构建之前发生。这是我html2canvas和下载功能怎么看： download() { this.dl.download = this.fileName;

1热度

1回答

chart.js - 点击图表中的特定部分时链接到其他页面

所以我想单击饼图中的一个切片。切片应作为我们系统中另一个页面的正常链接。这是HTML和JS的。否则，我的图表正常工作。另外：我试过的解决方案，我在这里找到，但没有一个已经工作 - 例如onclick在选项部分与相应的功能（警报），但这并没有工作和搞砸了其余的页。很抱歉，如果这有点模糊，我对此很陌生。 <div class="row" id="chartrow"> <div cla

0热度

1回答

更厚的X轴与Charts.js

使用Chart.bundle.js脚本（文档here），我已经在javascript中的对象内创建了折线图。此外，我的x轴是数值，范围从-100到100.对于我来说，非常重要的是负数和正数之间有明显的区别，所以我试图在我的屏幕上显示一个清晰，大胆的x轴图表对象;然而，它似乎并不像Chart.js提供这个功能 - 或者我可能找不到它。有没有办法制作更厚的X轴？如果需要的话，我愿意接受常规解决方案以及

0热度

2回答

NG2-图表不起作用当数据是-图表NG2 2和5之间

不起作用当数据是2和5之间当2和5中的图表之间的数据不工作正确。当数据比5个图表更有效时，可以使用。 public barChartOptions: any = { scaleShowVerticalLines: false, responsive: true, scales: { yAxes: [{ ticks: {

2热度

1回答

如何将横向滚动添加到chartjs中的条形图？

我在Stackoverflow中尝试了很多解决类似问题的解决方案，但他们都没有工作，我也找不到任何解决方案。我应该如何让条形图中的每个项目具有最小宽度，这样我才能有一个水平滚动选项来查看数据。如果我不使用最小宽度，那么所有行都会压缩，UI看起来不太好。我应该在新的Chart方法中添加样式还是有其他方法？这里是我的代码： <head> <style type="text/c

0热度

1回答

服务是否可以访问组件的模板

我有两个服务（A和B）在彼此之间进行通信，A必须在另一个服务接收到异步数据时创建图表（这些数据在其他地方使用，因此B是独立的）。我试图转移我做什么与组分A到它的服务，但它看起来像我不能让访问组件的模板： @Injectable() export class HistoricGraphService { ... // doing stuff onNewData() { c

0热度

1回答

工具提示将Chart.js中的条形图弄乱

我使用chart.js创建堆积条形图，并且我已成功移动并旋转要显示在条形顶部的x轴标签，当我使用鼠标移过酒吧，整个图表出现扭曲。这是正常的，这就是我以后鼠标获得：这里是代码这是我用旋转x轴标签： https://jsfiddle.net/staverist/zhocr17t/96/ animation: { duration: 1, onComple

1热度

1回答

如何将小时和分钟数据输入到chartJS

我正在尝试使用Chart.js制作折线图。我的数据的形式如下： var result = [{x:"18:00",y:"230"},{x:"19:00",y:"232"},{x:"20:00",y:"236"},{x:"22:00",y:"228"}]; 其中x代表小时和分钟的时间。我喂这样的数据 var ctx = document.getElementById("myChart").get

1热度

1回答

如何修复在ChartJS中看起来模糊的图表？

我使用以下配置 var ctx = document.getElementById("myChart").getContext('2d'); var myChart = new Chart(ctx, { type: 'line', data: { labels: labels, datasets: [{ label: '