chart.js 相关问题

Chart.js是一个JavaScript库,用于创建包含在网页上的动画交互式图形

当x值与标签重合时,Chartjs折线图会全部乱码

我正在使用react-chartjs-2绘制折线图, 但是当我使用以下代码时const data = {标签:[0,11,21,31,41,50],数据集:[{标签:'辐射度',...

回答 1 投票 0

Chart.js显示悬停时的旧图表

我在使用Chartjs的网页上有3个不同的图表。当我将鼠标悬停在其中一张图表上时,就会开始显示旧数据,从而出现问题。我正在HTML按钮上创建图表...

回答 1 投票 0

如何使用TypeScript将ChartPoint添加到Chart.js中的数据集?

我想为powerbi创建自定义视觉。我正在使用chart.js和@ types / chart.js。但是我无法将新的ChartPoint添加到折线图的数据集中。令p:ChartPoint = {x:...

回答 1 投票 1


我如何将类设置为由自定义工具提示功能创建的HTML元素?

我已经开发了一个线形图,该线形图具有自定义工具提示功能。对于我的一套技能,我很安静地使用SO作为资源,但是现在我很难走到最后一步。我想设置一个类...

回答 2 投票 0

将鼠标悬停在线图Chart.js上后,旧数据闪烁

我的问题不是制作图表,但是当我输入开始频率和结束频率的新值时,它们是调用getFreq()后x轴数组的第一个和最后一个值,当...

回答 1 投票 0

使用Chartjs显示JSON数据

首先-我的大部分开发经验是在后端,虽然我在这种情况下拥有大量的编程经验,但是我对Javascript并不熟悉。我设法产生了...

回答 1 投票 0

ChartJS-如何增加x轴上标签旋转的最大程度?

我有一个折线图,首先,x轴上的所有标签都是完全水平的。像这样:现在,如果添加更多数据,标签将开始旋转:直到出现似乎有...

回答 1 投票 0

在向左平移时在折线图中加载更多历史数据

我正在使用ng2-charts中的ChartsModule绘制折线图数据。我还添加了一个启用缩放和平移的插件。问题是我有很多数据要显示和绘制,但是在页面加载时,我是...

回答 1 投票 0

用于在折线图中显示信息的搜索框

我正在尝试在我的网页中添加一个搜索框,以允许用户选择要显示在折线图中的数据。我知道如何将变量从搜索框中传递给PHP,但问题是......>

回答 2 投票 1

ChartJS-点的大小不变

我创建了此图表,并将usePointStyle:设置为true以使用圆形而不是矩形作为图例标签。但我似乎无法更改这些圆的大小(或半径)。在文档中...

回答 1 投票 0

图表2.8-如何使条形以相同的速度生长?

[请给我一些帮助,以便在我的chartjs画布中显示民意调查最终结果时有所悬念。条形图相对于其值具有相同的持续时间速度,如何将持续时间速度设置为每个...

回答 1 投票 0

ChartJs beforeDraw方法未在发布版本中调用

我正在使用角度镖开发Web应用程序。我正在使用ChartJs库来呈现图表。我正在使用beforeDraw插件对图表进行处理。 beforeDraw已成功执行...

回答 1 投票 0

Angular 8和ng2图表-更新标签和数据

我有一个Angular项目,该项目具有一个由ng2-charts生成的图表,该图表由用户自己通过标签的选择框和数据的输入字段输入的数据填充。虽然我...

回答 1 投票 0

chart.js-轴标签

我试图弄清楚如何为我的数据创建一些自定义轴标签。我正在尝试绘制时间序列数据。我使用XY散点图来执行此操作。我的数据收集可能不正常。....

回答 1 投票 0

我是否在尝试更新图表时正确使用chart.update()?

我在Vue项目中使用chartjs和vuechartjs创建了一个图表。数据将通过mapGetters从我的数据库中传递。数据将发生变化,并且需要更新yAxes,以便最小滴答声...

回答 1 投票 0

如何将数据从Firebase动态推送到角度的条形图中

HTML文件: [[[]] 您必须创建一个config变量,如下所示: public config = { type: 'bar', legend: true, data: { labels: [ "incoming" , "missed" , "outgoing"], datasets: [{ label: 'calls', data: [] }] } } 在您的html文件中,放置此: <div style="display: block"> <canvas id="canvas" style="display: block"></canvas> </div> 在ngOnInit()函数中执行此操作(变量ctx和myBarChart必须先定义): this.ctx = document.getElementById('canvas') as HTMLCanvasElement this.myBarChart = new Chart(this.ctx.getContext('2d'), this.config) 当您想更新数据时,可以用这种方式: this.myBarChart.data.datasets[0].data = your_firebase_data; this.myBarChart.update() 欢呼声

回答 1 投票 0

如何更改图表js中列的颜色

链接codepen:https://codepen.io/01202581905/pen/gOOYzOZ var ctx = document.getElementById('myChart')。getContext('2d'); var chart = new Chart(ctx,{//我们要创建的图表类型...

回答 1 投票 0

属性'getContext'在类型'HTMLElement'上不存在

我正在用angular8做项目。并使用chartJs创建图表。运行项目后,它将显示图表。但是由于属性'getContext'在类型'HTMLElement'上不存在,将产生错误。如何...

回答 1 投票 0

如何在Node.js中使用Chart.js?

如何使用带有Chartjs的NodeJ创建饼图?想要使用chartjs创建不同类型的图表,但是当我尝试运行代码时显示“无法设置宽度属性” TypeError:无法...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.