MultiTooltip NG2-图表和角度2/4
MultiTooltip NG2是一个用于图表和角度2/4的多工具提示库。它提供了一种简单而强大的方式来在图表和角度2/4应用程序中添加多个工具提示。
MultiTooltip NG2的主要特点包括：
- 多工具提示：它允许在一个图表或角度2/4应用程序中添加多个工具提示。这意味着您可以在同一个图表上显示多个数据点的工具提示，或者在不同的图表上显示不同的工具提示。
- 灵活的配置选项：MultiTooltip NG2提供了丰富的配置选项，使您能够自定义工具提示的外观和行为。您可以设置工具提示的位置、样式、内容等。
- 支持多种图表类型：MultiTooltip NG2可以与各种图表类型一起使用，包括折线图、柱状图、饼图等。无论您使用哪种图表类型，都可以轻松地添加和配置多个工具提示。
- 提供丰富的交互功能：MultiTooltip NG2允许用户与工具提示进行交互。用户可以通过鼠标悬停、点击等方式来触发工具提示的显示和隐藏。
- 适用于角度2/4：MultiTooltip NG2是专为角度2/4框架设计的，因此可以无缝集成到角度2/4应用程序中。它提供了一组易于使用的指令和组件，使您能够快速地将多个工具提示添加到您的应用程序中。
MultiTooltip NG2的应用场景包括但不限于：
- 数据可视化：通过在图表上添加多个工具提示，可以帮助用户更好地理解和分析数据。用户可以通过悬停或点击数据点来查看详细信息，从而提高数据可视化的效果。
- 交互式报表：在报表中添加多个工具提示可以提供更丰富的交互功能。用户可以通过工具提示来查看报表中的具体数值、趋势等信息，从而更好地理解报表的内容。
- 仪表盘和监控系统：在仪表盘和监控系统中使用多个工具提示可以提供更全面的信息展示。用户可以通过工具提示来查看各种指标的实时数值、警报信息等。
腾讯云提供了一系列与图表和角度2/4相关的产品和服务，其中包括：
- 腾讯云图表服务：腾讯云图表服务是一种基于云原生技术的图表服务，提供了丰富的图表类型和功能。您可以使用腾讯云图表服务来创建和管理图表，并将其集成到您的应用程序中。
- 腾讯云角度2/4托管服务：腾讯云角度2/4托管服务是一种托管角度2/4应用程序的服务。它提供了简单、可靠的方式来部署和运行角度2/4应用程序，并提供了自动扩展、负载均衡等功能。
您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云图表服务和角度2/4托管服务的详细信息。
相关·内容
1回答
这是我的NG2图表在component.ts文件中的静态数据：
public mbarChartLabels:string[] = ['June', 'July', 'August', 'September', 'October', 'November'];
public barChartType:string = 'bar';
public barChartLegend:boolean = true;
public barChartColors:Array&l
浏览 3提问于2020-03-25得票数 1
回答已采纳
1回答
我在我的离子2项目中使用绘制了一个线状图。我需要访问(chartClick)事件中的图表数据池集合。为此，我需要访问图表的基本chart.js对象。有什么方法可以访问图表对象吗？
HTML：
<base-chart class="chart"
[data]="chartData"
[labels]="chartLabels"
[options]="lineChartOptions"
[colours]="lineChartColours"
浏览 4提问于2016-04-28得票数 2
回答已采纳
2回答
我需要显示我的用户键入一个派图。我使用的是Angular2，Chart.js和NG2-图表。
dashboard.component.ts:
export class DashboardComponent implements OnInit {
employees = {};
public countFree : number = 0;
public countPaid : number = 0;
public chartData: Array<Object> = [];
public chartLabels: Array<Objec
浏览 0提问于2018-11-19得票数 0
1回答
NG2图中的散点图
、、、
我已经看过NG2图表( )的文档，但在文档中找不到散乱的。还有其他方法来实现NG2-图中的散点图吗？有什么窍门或定制吗？帮帮我。
浏览 0提问于2019-02-06得票数 0
回答已采纳
1回答
我疯了，因为我找不到你能想到的最简单的线条图的库:为x轴定义一个(双) min和最大值，并给它(x，y)值的元组。我能找到的每一个解决方案都被这样一个事实所困扰:我有一组固定的x值(星期一，星期二，星期四，.)。但是不，我有一个定义范围内的简单双值！
无法完成此简单任务的解决方案:NG2-图表、ngx-图表、高图表角2、融合图表Angular2
有人能帮帮我吗？
浏览 4提问于2017-06-20得票数 0
NG2-当数据介于2到5之间时，图表不起作用。
当数据介于2和5之间时，图表不能正常工作。当数据栅格超过5个图表工作。
public barChartOptions: any = {
scaleShowVerticalLines: false,
responsive: true,
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
浏览 0提问于2017-09-01得票数 0
回答已采纳
我正在尝试从API动态更新图表数据。我用的是角13和chart.Js 3.7.1。
我没有从他们的文档中找到任何简单的例子。
我也在网上找到了的例子，但这个例子在这里还是行不通的。是否有明确的示例/教程？
浏览 11提问于2022-03-22得票数 -1
1回答
我想在我的Ionic应用程序中使用High图表的计量器。
我按照以下步骤安装了高级图表：和
它适用于给定的示例，但当我尝试使用量规图时，我得到了错误“错误:高图表错误#17”。
在进行了一些研究之后，我发现在加载该量规之前，我需要包含High图表- some . to。
参考文献：
参考文献：
我试着包括：
<script src="../node_modules/highcharts/highcharts.js"></script>
<script src="../node_modules/highcharts/highc
浏览 0提问于2018-03-18得票数 1
回答已采纳
如何使用设置图表的高度？我正在做一个线图，就像在NG2图表网站上的演示一样。
我已经搜索了NG2图表和的文档。在chart.js中，您似乎在画布元素上设置了一个高度属性，如<canvas height="400">，但是该元素被NG2图表组件模糊了。
浏览 4提问于2016-07-20得票数 23
回答已采纳
1回答
我想显示直线，但不能应用到外部的逻辑范围。如果血糖水平低于120，那么应该用橙色点突出那个点。如果血糖高于180，则应以红色点亮。
使用图表:NG2-图表的线条图
数据集：
datasets: {
"datasets":[{"label":"Blood Sugar","data": [70,180,120,90,110,240,550,40], "fill":false }],
"labels":[ "low","high","normal",
浏览 3提问于2022-06-15得票数 0
1回答
如何使用NG2-chart设置图表的宽度和高度？我正在制作一个条形图，就像NG2- chart网站上的演示。
public doughnutChartLabels:string[] = ['EMI', 'Car', 'Food', 'Fuel'];
data:number[] = [3350, 5450, 4100, 1000];
public doughnutChartType:string = 'doughnut';
options: { responsive: true, }
colorsEmpt
浏览 2提问于2016-11-21得票数 6
回答已采纳
你好，开发人员，我一整天都在努力在我的proyect上实现图表，但是在官方文档之后，我无法消除这个错误：
ERROR in ./node_modules/ng2-charts/__ivy_ngcc__/fesm2015/ng2-charts.js 317:8-21
"export 'pluginService' was not found in 'chart.js'
node_modules/ng2-charts/lib/base-chart.directive.d.ts:4:59 - error TS2305: Module '"..
浏览 33提问于2021-04-03得票数 37
回答已采纳
16回答
我试图用NG2图表动态地创建一个图表，我从一个角度2服务中获得信息，当我只改变图表的标签时，当我只改变数据时，它就工作了，但是当我改变的时候，这两个数据都在图表中被更新。有谁能解释一下这种奇怪的行为。
我的模板：
<canvas baseChart height="130" width="180"
[data]="doughnutChartData"
[labels]="doughnutChartLabels"
[chartType]="doughnutChartType"
浏览 15提问于2017-03-06得票数 30
回答已采纳
2回答
我正在尝试使用NG2图表Angular2指令为Chart.js构建一个甜甜圈图。这个chart.js有默认的工具提示定位选项，我想让工具提示显示在图表之外。有什么办法让它成为可能吗？
public doughnutChartOptions = {
responsive: true,
tooltips:{
mode: 'nearest',
}
}
我希望像工具提示这样的东西会显示在图表之外，而不是显示在图表中；顶部、底部和侧面。
浏览 0提问于2019-07-31得票数 1
回答已采纳
2回答
我按照NG2图表演示页面上的说明进行了设置。我使用的是angular-cli，所以我也用System.JS导入了包，然后我复制了演示代码，但它不会显示。正在创建画布，但未绘制任何图表。我的组件和模板代码与完全相同。
浏览 0提问于2016-06-29得票数 4
1回答
我正在实现分页使用NG2-分页为我的角2应用程序。我正在学习一个关于如何做到这一点的基本教程，但是我在下面得到了一个错误
错误：
reflection_capabilities.js:58Uncaught TypeError: ctorParameters.map不是一个函数
组件
@Input('data') Country: string[] = [];
page: number = 1;
表格
<tbody>
<tr *n
浏览 2提问于2017-03-02得票数 0
2回答
我开始新的角度应用程序，我初始化了角-CLI (beta 22.1)。但是，当我将测试数据(5个值)添加到我的图表中时，它似乎是错误的，只显示了前两个值，并将它们分布在图表的整个长度上(见图)。
否则项目是空白的，并且不包含任何CSS。
我的app.component.html
<div>
<canvas baseChart [datasets]="_numbers" [labels]="_labels" [options]="_chartOpt" [colors]="_chartColours"
浏览 6提问于2016-12-20得票数 9
回答已采纳
目前，我正在开发一个仪表板使用角13 +NG2图表。想知道之间的区别，
从“NG2-图表”导入{ NgChartsModule }；
从“NG2-图表”导入{ ChartsModule }；
浏览 3提问于2022-01-16得票数 0
我在一个简单的角度应用程序中添加一个使用NG2图表和图表的RadarChart。图是按应该呈现的方式呈现的，但是我需要旋转图形，当添加startAngle时，我会得到一个编译错误。
这是我收到的错误：
Object literal may only specify known properties, and 'startAngle' does not exist in type '_DeepPartialObject<{ type: "radialLinear"; } & CoreScaleOptions & { animate:
浏览 5提问于2022-03-29得票数 1
回答已采纳
1回答
在我的角度应用程序中，我使用NG2图表，并试图创建一个条形图。下面的stackblitz运行得很好，我正在跟踪它:然而，在我的应用程序中，我从服务中获取数据，并填充图表数据集。然而，对于两个问题来说，这是可行的。
它只显示一种颜色，灰色。
对于每一个条形，它取标签的第一个日期值，即4月-2019年，而所有的值都是为标签:属性提供的。
尝试将值填充为普通javascript对象，或类型化对象(即Label和ChartDataSets )，结果是相同的。
技术信息
角CLI: 8.0.4，节点: 11.12.0，操作系统: win32 x64，角: 8.0.2，NG2-图表@2.3
浏览 0提问于2019-06-26得票数 2
此二维饼图的值需要显示在图表的左侧和右侧。
我使用的是APEX V5.03和标准的2d饼图
Select null link
, FreeSpace Free
, UsedSpace Used
from Dashboard.DriveDetails
where serverName = :P2_ServerName
and Drive = :P2_DriveName
图表的起始角位于3点位置，如果驱动器接近50%已满，图表上的值将显示在图表的上方和下方，减小图表的大小。如果我将图表移到12点，当驱动器几乎为空或几乎已满时，也会出现同样的问题
浏览 3提问于2016-11-18得票数 1
我正在尝试使用NG2-Charts ()的基本示例。
我复制粘贴了HTML部件
<div style="display: block">
<canvas baseChart
[datasets]="barChartData"
[labels]="barChartLabels"
[options]="barChartOptions"
[legend]="barChartLegend"
[chartType]="b
浏览 3提问于2016-10-13得票数 5
1回答
我尝试将颜色放在我的两个折线图中(在同一个图表上)，但无论我选择什么选项，颜色都是灰色的。我正在动态地获取这些图表中的数据。
HTML：
<div class="lineChart4">
<h4 class="heading" style="text-align:center">Line Chart For Number of Clicks
</h4>
<div style="display: block" >
<canvas base
浏览 11提问于2019-11-11得票数 1
回答已采纳
2回答
我有下面的JSON数据，这些是最后几天的出勤细节：
[
{
"date": "2021-09-07T00:00:00",
"type": "Teacher",
"total": 744
},
{
"date": "2021-09-07T00:00:00",
"type": "Student",
"total": 476
浏览 4提问于2021-09-13得票数 0
回答已采纳
我试着用NG2-图表和angularjs 2：
在app.ts中：
import { Component } from '@angular/core';
import { ApiService } from './shared';
import { ChartsModule } from 'ng2-charts/ng2-charts';
我的文件html：
<canvas baseChart
[datasets]="barChartData"
[labels]="barC
浏览 0提问于2016-10-18得票数 1
回答已采纳
我需要在我的项目中实现一些图表，内置在Angular2 (版本2.4.8)中，我使用ng2-charts (版本1.5.0)，使用的chart.js版本是2.5.0。首先，我从ng2-charts网站复制了一个示例代码，没有错误，但没有图表……Angular2在ng2图表中的一些突破性变化？
我的使用图表的组件: HomeComponent.ts
import { Component, VERSION } from '@angular/core';
@Component({
selector: 'pulpe-home-cmp',
templat
浏览 0提问于2017-03-01得票数 2
我有一个泡泡图，想把一个数字放进泡泡里。这有可能吗？请看我的代码，你可以看到我所期望的。在下面的图片中，它的外观是可见的。
我希望这是可能的，有人能给我一个提示。谢谢
public bubbleChartData: ChartDataSets[] = [
{
data: [
{ x: 1, y: 2024, r: 20, /*content: 2*/ },
{ x: 1, y: 2024, r: 20, /*content: 4*/ },
{ x: 2, y: 2028, r: 20, /*content: 3*/ },
{ x: 5, y: 2025, r
浏览 7提问于2022-03-18得票数 -1
1回答
我有图像与他们相关的分数流到我的应用程序。当分数进来的时候，我用NG2图表在一张线图上画出了它们。
我希望自定义图表上的工具提示，以显示它附带的图像的较小预览。我已经仔细研究过了，但还没有找到如何将自定义html注入工具提示，或者在不创建自定义图表的情况下是否可能。
对于这是否可能，以及如何做到这一点，我们将不胜感激。
这是在Ionic 4与角6和我的模块版本是：
“NG2-图表”："^2.2.2"，
Chart.js："^2.8.0"，
不确定这对我的问题是必要的，但这是我到目前为止是如何建立图表的。
降价
<ion-cont
浏览 0提问于2019-04-30得票数 1
回答已采纳
我正在使用角(v9)、NG2-图表、chart.js (v2.9)和。
我用标签显示了我的图表，太棒了。现在，我想使用一些选项来着色标签并定位它们。
我进口的标签如下：
import * as pluginDataLabels from 'chartjs-plugin-datalabels';
这一切都很好：
public barChartOptions = {
maintainAspectRatio: false,
scaleShowVerticalLines: false,
responsive: true,
plugins: {
pluginDat
浏览 4提问于2020-10-09得票数 0
回答已采纳
1回答
我正在用angular做一个项目，我正在使用Angular 11。
我这里的问题是。简而言之，对后端的api请求调用是为了用数据填充图表。
我想我知道问题出在哪里，但没有办法解决这个问题：
模板(图表)在没有任何数据的情况下被初始化。因此，当进行api调用以加载数据时，该模板已经存在，这将使图表本身为空。当我刷新时，数据已经存在，并且数据已按预期加载。
如你所见，
export class ChartComponent implements OnInit, OnDestroy {
public doughnutChartLabels: Label[] = [];
public dou
浏览 3提问于2021-11-03得票数 0
使用NG2-图表和有一个伟大的饼图工作和看起来很好，能够设置标签和数据的工作，但不能改变标签的颜色从灰色？
这是预期的，还是如何覆盖默认标签颜色？
它似乎是在设置charts.js的默认字体颜色(#666)，不知道我们是否可以用NG2图表覆盖它？
编辑正在使用chartjs- plugin插件，并在文档中找到答案。
浏览 0提问于2020-05-21得票数 1
回答已采纳
我正在将数据导入图表(NG2-角度2中的图表)，并从json文件中加载数据。我想知道如何覆盖图表上的标签文本？
下面是我所拥有的一个柱塞：
在图的顶部有Label 0，我想重写/更改标签文本，以表示：Test Results，如何使用我当前的代码结构来实现这一点。
浏览 1提问于2017-04-30得票数 0
回答已采纳
1回答
html.file
<div style="display: block; width: 400px">
<canvas
*ngIf="loaded"
baseChart
[data]="barChartData"
[labels]="barChartLabels"
[options]="barChartOptions"
浏览 8提问于2021-12-14得票数 0
2回答
我需要这样一个非常简单的图表
我知道怎么用chart.js
var myBarChart = new Chart(ctx, {
type: 'bar',
data: data,
options: options
});
，但看起来NG2图表并不容易。我有这个
<canvas baseChart
[datasets]="[{data: [65, 59, 80], label: 'Series A'}]"
[labels]="[['Eingezahlte',
浏览 3提问于2017-01-31得票数 2
回答已采纳
从NotYetImplemented获取消息“utils.js”的错误。
我在使用nodejs服务器时得到了错误，这个准确的错误意味着什么？
当我使用"ng服务“时，没有这样的错误。
我用的是NG2-图表模块的线图。
全堆栈跟踪：
ERROR Error: NotYetImplemented
at HTMLCanvasElement.exports.nyi (/home/project15/web/node_modules/domino/lib/utils.js:41:9)
at BaseChartDirective.ngOnInit (/home/project15/
浏览 1提问于2018-01-12得票数 4
高图热图是否有基本的最低高度？
我们试图实现的是一个非常宽的热图，即1细胞高，4,032到4,462个细胞宽，把图表推到帧的边缘。
图表选项目前如下：
// options set on start up
chartOptions: Highcharts.Options = {
chart: {
type: 'heatmap',
margin: [0, 0, 0, 0],
spacingTop: 0,
spacingBottom: 0,
spacingLeft: 0,
spacingRight: 0
},
plotOptions: {
heatmap
浏览 2提问于2021-06-11得票数 0
回答已采纳
我一直使用NG2-图表版本2.4.3在我的网站上显示图表。我的很多图表都很好用！然而，我有3个图表，定期不会显示或错误的控制台。调试时，在尝试初始化图表时未定义this.chart。我如何确保图表初始化100%的时间，而不是60%的时间。
这是我初始化图表的代码。
HTML
<div style="display: block" *ngIf="lineChartData.length > 0">
<canvas baseChart
height="300" width="400&
浏览 6提问于2022-05-11得票数 0
1回答
我正在尝试使用运行在另一台服务器(确切地说是端口)上的API将数据加载到ng2-admin模板中的一些图表中。
我在lineChart.service.ts中的代码如下：
return {
type: 'serial',
theme: 'blur',
marginTop: 15,
marginRight: 15,
responsive: {
'enabled': true
},
dataLoader: {
url: 'http://localhost:4000/reporting/tempera
浏览 2提问于2017-06-13得票数 0
我正在使用角CLI，并想要添加库NG2-拖动到我的项目？当我执行npm安装NG2-可拖，然后想从库导入DraggableModule时，在IDE中找不到它。
我还得做点别的事才能让它起作用吗？
浏览 4提问于2016-11-30得票数 0
我正在尝试使用ng2图表显示一个包含一组x和y值的函数。目前它不能正确显示我的值。 ? 我的(示例)数据集是： chartDataSet: ChartDataSets[] = [ {
data: [
{ x: 5, y: 7 },
{ x: 10, y: 24 },
{ x: 15, y: 11 },
{ x: 20, y: 57 },
{ x: 25, y: 4 }]}]; 如您所见，它只显示前两个点，但y轴标签已正确缩放到60，因此它似乎可以识别所有点。我也想在我的x轴上的y轴上有标签。 我的组件如下所示： lineChartOptions: ChartOptio
浏览 13提问于2020-11-11得票数 3
回答已采纳
3回答
我正在使用图表js 和NG2-图表 来呈现甜甜圈图。
但是，我希望标签出现在甜甜圈图的右边，你知道我该怎么做吗？
public monthStatsLabel: Label[] = ['Total days', 'Present', 'Leave'];
public monthStatsData: MultiDataSet = [
[31,28,2]
];
public monthStatsType: string = 'doughnut';
public chartClicked({ eve
浏览 0提问于2021-03-06得票数 2
回答已采纳
我试图用.NET 4内置的图表控件生成一个线条图.我想有一个角度的X轴标签，我希望我的图表有一个特定的大小。
如果指定图表的宽度/高度，则忽略LabelAutoFitStyle。我还尝试在标签上使用.Angle属性等，只有当我没有指定图表的宽度和高度时，它们才能工作。
但是，如果我不指定图表的宽度和高度，数据就会缩窄成一个非常小的图表。
是否有方法使用LabelAutoFitStyle并确保图表更大，最好是一个特定的大小。
我也尝试过使用$chart.MinimumSize和$chart.Size，但它们似乎不会影响图表输出。
[void][Reflection.Assembly]::Load
浏览 2提问于2016-09-18得票数 0
回答已采纳
1回答
我正在努力学习NG2图表与角度与目前我正在工作的项目。
所以基本上，我首先尝试了一个新的角度项目，安装了ng2图表npm i ng2-charts chart.js。
我试图通过将数据传递给子组件来实现它。现在我想知道为什么我的图表(子组件)没有显示任何东西。
密码是这样的。
图表组件//示例-图表.组件.
import { Component, Input, OnInit } from "@angular/core";
@Component({
selector: "app-sample-chart",
templateUrl: "
浏览 3提问于2021-03-17得票数 0
回答已采纳
当我试图将ChartsModule添加到我的app.module.ts文件时，我得到了上述错误。
我使用ng命令将图表添加到我的项目中，所有文章都说要使用：
npm安装NG2-图表chart.js -保存
我的app.module.ts文件如下所示。
浏览 11提问于2022-03-08得票数 2
回答已采纳
2回答
我已经看到，在软件开发中，模型和图表之间有着明显的区别，但我不能很好地区分模型和图表。
例如，有一个用例模型和一个用例图，但是2之间的实际区别是什么呢？
我确实明白，a模型更多地是一个系统的抽象表示，但我似乎找不到模型和图的示例--我只能找到诸如序列、协作、类等图表。
与图表相比较的模型示例将有帮助。
谢谢
浏览 5提问于2014-01-08得票数 6
回答已采纳
1回答
NG2-不显示角度10的图表
、、、、
我试图将图表添加到我的应用程序中，但由于某种原因，我的图表没有加载。
在DOM中，我可以看到正在生成的元素，但我看到它被设置为==$0，这一点我并不理解。
我使用的是有角度的材料，但在我看来，这不会对图表产生影响。
所以我根本看不见这张图表。我做错了什么？
charts.component.html
<div>
<div>
<div style="display: block">
<canvas baseChart
width="800" heigh
浏览 5提问于2020-09-16得票数 0
回答已采纳
3回答
我正在尝试在Angular 4.0中使用ng2图表，我希望通过使用chart.js来实现相同的功能：
...
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.min.js"></script>
...
<canvas id="myChart" width="400" height="400"></canvas>
<script
浏览 2提问于2017-06-14得票数 2
回答已采纳
你好，我想在有NG2图表的角度项目的chartOptions中使用数据标记：
根据文档，我添加了以下config对象：
@ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined
public pieChartOptions: ChartConfiguration['options'] = {
responsive: true,
plugins: {
legend: {
display: true,
position: 'top
浏览 5提问于2022-11-02得票数 0
1回答
没有用高图表显示图表
、、、
我试着用插件和angular.js高级图表来绘制图表。
这是我的代码：
但正如你所看到的，没有任何结果。
我只是不明白这一切的运作方式。我使用的资源超出了生成代码的开发人员提供的资源，但我不知道如何使用它。
以下代码如下：
{"options":{"chart":{"type":"pie"},"plotOptions":{"series":{"stacking":""}}},"series":[{"data":[6,19,15,14,3
浏览 3提问于2014-10-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
