首页 文章
  • 0 votes
     answers
     views

    Angular ng2-chart显示按钮单击的上一个图表

    我是Angular 5的新手 . 我想在我的应用程序中深入了解图表 . 有很多选项,对于这个项目,我想使用一个开源库 . 所以我正在使用ng2-charts . 默认情况下,ng2-chart不支持向下钻取图表 . 所以我做的是点击事件我加载新数据和图表 . 这就是我试过的 . component.ts export class ChartComponent{ public clickBtn ...
  • 5 votes
     answers
     views

    Angular2更新带有标签的ng2图表

    这些天我开始使用 Angular2 工作,并对框架 ng2-charts 有疑问 . 这是我的 component.ts 代码: import { Component } from '@angular/core'; import { ChartsModule } from 'ng2-charts'; import { PredictionService } from './prediction.s...
  • 8 votes
     answers
     views

    尝试在ng2图表中设置图表的大小

    我正在尝试设置图表的大小 . 我已将条形图的ng2-chart示例复制并粘贴到我的打字稿文件中 . 如果我玩画布: <canvas baseChart width="100" height="100"> 尺寸似乎没有发生 . 它总是拉伸到MAX . 如果我添加一些样式: canvas { width: 50px; hei...
  • 0 votes
     answers
     views

    MultiTooltip ng2-Charts&Angular 2/4

    我有一张图表,上面画着两条线 . 我希望当我将鼠标悬停在两条线中的任意一条点上时,小工具提示框会显示该x点处两个点的值 . 是否有可能做到这一点?
  • 1 votes
     answers
     views

    Ng2-charts app没有显示图表

    我按照ng2-chart演示页面上的说明进行设置 . 我'm using angular-cli so I also imported the packages using System.JS. Then I copied the demo code, but it won' t显示 . 正在创建画布但未绘制任何图表 . 我的组件和模板代码与here完全相同 .
  • 0 votes
     answers
     views

    无法使ng2-charts工作 . [ng2-charts(Not Found)zone.js]

    我已经关注了网站上的所有内容:http://valor-software.com/ng2-charts/ npm install ng2-charts --save npm install chart.js --save 然后我在HTML中添加了这个脚本链接: <script src="node_modules/chart.js/dist/Chart.bundle.js...
  • 1 votes
     answers
     views

    使用ng2-charts显示实时数据

    当使用ng2图表显示实时数据时,我遇到了一些问题,它总是随时显示0 . 我在下面粘贴了我的代码片段 . 有人可以帮我检查一下并告诉我哪里做错了吗? temps: Array<number> = []; public lineChartData: Array<any> = [[]]; custom: boolean = false; report: boolean = ...
  • 0 votes
     answers
     views

    使用角度服务时,ng2-charts不会重绘

    我正在尝试使用角度服务来重绘ng2图表 . 在本地使用图形组件时,图形 getting 重绘 . 当我尝试使用角度共享服务图表 not redraw 谁知道我做错了什么? 服务注入完成本教程:https://angular.io/tutorial/toh-pt4 从这里取得图表的示例https://github.com/valor-software/ng2-charts/blob/developm...
  • 0 votes
     answers
     views

    以角度5为ng2-chart的每个部分执行单独的单击事件

    npm install ng2-charts --save 我在我的Angular 5项目中使用ng2-charts . 正在使用Pie图表 . public chartClicked(e:any):void { console.log(e); } 此事件在其文档中提供 . 此事件对于饼图的所有部分都很常见 . 我的要求是将不同的点击事件绑定到这3个不同的部分,如图所示 . 如何选择不同的部分...
  • 0 votes
     answers
     views

    在角应用中创建ng2-charts浮动标签

    我正在使用角度5开发一个网页 . 在这个应用程序中我有一个图表,但我想要浮动恒定标签,如图所示 . 我使用ng2-charts包 . 可能吗?如果是的话怎么做?谢谢! Image link
  • 3 votes
     answers
     views

    如何为折线图设置chart.js网格颜色

    我想使用选项字段更改折线图的网格颜色,但我不知道从哪里开始 . 我首先尝试使用渐变来更改画布背景颜色,但结果并不好 . canvas{ background:linear-gradient(top, #ea1a07 0%, #f4b841 75%,#f2dd43 100%); } 但是,我没有得到我想要的东西,因为正如你在上面的图片中看到的那样,不仅网格被着色而且x值,y标签和图表图例也被着色 ...
  • 1 votes
     answers
     views

    Chart.js甜甜圈图表大小

    我在Angular项目中使用ng2-charts . 我有两个版本的项目 . 当前的 生产环境 版本是旧版本并使用旧版本的ng2-charts(以及扩展名为chart.js) . 我虽然碰到了一些奇怪的东西 . 我正在使用ng2-charts中的圆环图,并且旧版本中图表加载的默认大小是1:1比率: 您可以看到它的加载高度和宽度为240px . 奇怪的是,在较新版本的ng2-charts / ch...
  • 1 votes
     answers
     views

    相同的图表事件,相同的X轴,ng2图表的不同Y轴

    我正在为Angular 2应用程序利用以下ChartJS框架: https://github.com/valor-software/ng2-charts http://www.chartjs.org/ 我想做以下事情: 在顶部堆叠一个条形图,在下面堆叠一个折线图 - 基本上HTML页面上的两个 <canvas></canvas> 标记 . 在它中,它共享相同的X轴值...
  • 1 votes
     answers
     views

    如何使用chart.js动态设置轴上的刻度?

    我们有值在加载网站时可能会有所不同,我们想要动态设置刻度步长 . 我们在同一个图表中有两个不同单位的数据集,并希望水平网格线相互匹配 . 一方面,它是从0到100%的步长为20的比例 . 另一方面,我们希望最大值为10的倍数,并将步长设置为最大值的1/5(网格线应该相互匹配) ) . 但是步骤大小除非修改类型为“10”(参见id:'B')或类似的东西不会被加载 . 我们尝试使用类变量动态设置它但它...
  • 2 votes
     answers
     views

    ng2-charts定制悬停在条形图上时显示的工具提示的数据和整个html内容

    我正在使用来自valor软件的ng2图表和我的角度2应用程序 . 我无法弄清楚如何自定义悬停在条形图上时显示的默认工具提示的整个html内容 . 有任何想法吗? 更新: 这是我的html /标记代码: <canvas baseChart width="100" height="100" style="padding:24px; border:...

热门问题