ng2-charts

1热度

1回答

我想要实现的是：我使用ng2 charts这其中只是chart.js的扩展。我有条形图，颜色和爵士乐。我无法弄清楚的是如何让x轴标签显示在条形图的顶部，而不是在它们的下面。为了澄清，我不希望它显示在悬停或其他任何东西，而不是只显示在酒吧的顶部。问题：需要什么配置才能让x轴标签显示在条上？

3热度

2回答

在ng2图表中隐藏未使用的轴

我使用两个Y轴（右和左）当我隐藏其中一个所用的所有数据集时，刻度（轴标签）变为1到-1。我想在未使用时隐藏轴或标签，有什么想法？隐藏前： Both Y Axes used 隐藏后： Right Y-Axis Changed - Not used 选项>秤： yAxes: [ {type: "linear", id: "y-axis-0", display: true, pos

0热度

1回答

ng2-chart：在循环中添加标签可防止加载图形

我想要使用ng2图表来显示我的数据。一切工作正常使用模拟数据，但是当我尝试迭代由我的父组件传递的数组图形本身不显示，只有正交标记，并没有出现在控制台中。我已经将问题缩小到了标签数组：如果删除LineChartComponent中的注释行，它将起作用。这里是我的代码： import { Component, Input } from '@angular/core'; import { CHA

0热度

1回答

有没有办法在ng2-charts中使用rxjs？

我无法找到一种方法来实现与ng2图表的实时图表。我得到一个错误，当我做： <div *ngIf="(lineChartData$ | async)!=null"> .... <canvas baseChart width="100" height="200" [datasets]="lineChartData$ | async" <<-ERROR: "Cannot

4热度

3回答

如何使用ng2-charts设置图表的高度

如何使用ng2-charts来设置图表的高度？我正在制作折线图，就像在ng2-charts网站上的演示一样。我查阅了ng2-charts和chart.js的文档。在chart.js中，它看起来像是在画布元素上设置了一个高度属性，如<canvas height="400">，但该元素被ng2-charts组件遮挡。

6热度

1回答

ng2-charts - 由于它不是'base-chart'的已知属性，因此无法绑定到'datasets'

版本：Cordova：6.3.1，Gulp CLI：1.2.2，Ionic框架：2.0。 0-rc.0，离子CLI版本：2.1.0 我在我的ionic2应用程序中使用ng2-charts。导入不import {ChartsModule} from "ng2-charts"; 但import {ChartsModule} from "ng2-charts/components/charts/cha

3热度

1回答

ng2-chart.js工具提示总是显示

如何使用ng2-chart设置工具提示始终可见？在char.js是选项showTooltips：true，但我找不到ng2-chart解决方案。

0热度

3回答

Angular2，ng2-图表子代在父代之前呈现

我目前致力于Angular2和TypeScript为frontend和Spring-Boot为backend的可视化应用程序。现在我处于来自backend的数据要显示在我的ng2图表组件中。我在我的父组件ngOnInit（）函数中加载数据。该数据推到两个数组，其可用作输入我的孩子组成部分，像这样： ngOnInit() { this._sqlService.getCubeErrors(

0热度

1回答

有没有办法隐藏/自定义ChartJS上面的图例？

我在我的项目中使用ChartJS（更精确地说，Angular 2的ng2图表建立在原始库的顶部）。我看到有一个选项：传说：假|真不过，我觉得特别烦TOT能够删除的上传说（描述中的每一行例如折线图）。下面你可以看到我的意思：我试着用 .chart-legend { visibility: hidden; display: none; } ，其灵感来自Chartjs

0热度

1回答

ng2-Charts没有充满信息第一次加载

我有一个ng2-charts实现，其中我只显示一些信息。我有两个选项卡，一个是表格，一个是图形。当我最初输入第一个标签时，折线图是空的，但在切换回标签后，信息被加载。这里是我的Component.ts import { Component, OnInit, EventEmitter, Input, Output } from '@angular/core'; import { OtamObj