在Angular ng2图表中使用Chart.Tooltip.positioners.cursor可以通过以下步骤实现:
npm install ng2-charts chart.js --save
import { Component } from '@angular/core';
import { ChartOptions } from 'chart.js';
import { Label, SingleDataSet } from 'ng2-charts';
@Component({
selector: 'app-chart',
templateUrl: './chart.component.html',
styleUrls: ['./chart.component.css']
})
export class ChartComponent {
public chartOptions: ChartOptions = {
tooltips: {
position: 'cursor',
mode: 'nearest',
intersect: false
}
};
// 其他图表相关的数据和配置
}
<div style="display: block">
<canvas baseChart
[data]="chartData"
[labels]="chartLabels"
[options]="chartOptions"
[chartType]="'bar'"
></canvas>
</div>
以上是使用Chart.Tooltip.positioners.cursor的基本步骤。对于其他参数和配置,你可以根据具体需求进行调整和扩展。
关于Angular ng2图表的更多信息,你可以参考腾讯云的产品介绍页面: 腾讯云-云服务器CVM
注意:本答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等云计算品牌商,如需了解相关品牌商的云计算解决方案,请自行参考官方文档或咨询相应品牌商。
领取专属 10元无门槛券
手把手带您无忧上云