chart.js 相关问题

（我不想使用node和npm）我想在我自己的机器上下载chart.js，这样我就可以离线运行它。我从这里下载了cdn。我像这样导入它，在html中： <p>（我不想使用node和npm）</p> <p>我想在我自己的机器上下载chart.js，这样我就可以离线运行它。我从<a href="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js" rel="nofollow noreferrer">这里</a>下载了cdn。我像这样导入它，在html中：</p> <pre><code><script type="importmap"> { "imports": { "three": "./vendor/three.module.js", "gltf": "./vendor/GLTFLoader.js", "chart": "./vendor/chart.umd.min.js" } } </script> </code></pre> <p>但是在示例 ChartComposit.js 文件中我无法使用它，因为它会抛出此错误： <pre><code>chartComposit.js:1 Uncaught SyntaxError: The requested module 'chart' does not provide an export named 'default' </code></pre></p> <p>在js中我像这样导入： <pre><code>import Chart from 'chart';</code></pre></p> <p>同样的方法适用于 Three.js，所以我不明白，为什么它在这里不起作用。</p> <p>感谢您的帮助！</p> </question> <answer tick="false" vote="0"> <p>我弄乱了导入线。正确的是：<pre><code>import * as m_chart from 'chart';</code></pre></p> </answer> </body></html>

javascript html localization chart.js offline

回答 0 投票 0

reactjs中chartjs和react-chartjs-2的问题

我尝试用温度数据、湿度数据和亮度数据绘制折线图。我尝试降级chartjs和react-chartjs-2的版本，但它不起作用在这里输入这是我的依赖...

chart.js react-chartjs

回答 1 投票 0

Charts js 错误：无法映射数据集中的某些内容

将 Chart JS 与 React 结合使用时，我收到一条错误消息，指出它无法映射我的数据集中的某些内容。控制台日志中的一切看起来都很好，但我似乎无法弄清楚发生了什么......

reactjs chart.js

回答 1 投票 0

Apexcharts 按类别更改条形颜色

我复制了 apexcharts javascript 柱形图 > 带组标签的列的演示，我想更改按类别分组的颜色。这个怎么做？这是示例演示变量选择...

javascript chart.js apexcharts

回答 1 投票 0

我尝试在角度上制作饼图，我使用Chartjs，当我尝试运行我的项目时出现错误

代码分享如下： html 代码分享如下： html <div> <canvas baseChart [data]="pieChartData" [colors]="colors" [labels]="pieChartLabels" [chartType]="pieChartType" > </canvas> </div> 组件.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-pie-chart', templateUrl: './pie-chart.component.html', styleUrl: './pie-chart.component.css' }) export class PieChartComponent implements OnInit { pieChartData: number[] = [350,450,120]; pieChartLabels: string[] = ['xyz','Logistics','Main st Bakery','Acme hosting']; colors: any[] = [ { backgroundColor: ['#26547c','#ff6b6b','#ffd166'] } ]; pieChartType = 'pie' constructor(){} ngOnInit(){ } } 我想做饼图经过 demo pie chart 下面是通过 ng2-charts 包生成的饼图的工作示例。进行了以下更改！ HTML 中的 chartType 需要改为 type。 backgroundColor需要设置在datasets数组内，而不是html中的colors属性 pieChartData 需要重组以包含其中的数据集代码 import { Component } from '@angular/core'; import { bootstrapApplication } from '@angular/platform-browser'; import 'zone.js'; import { NgChartsModule } from 'ng2-charts'; import { ChartData, ChartType } from 'chart.js'; @Component({ selector: 'app-root', standalone: true, imports: [NgChartsModule], template: ` <div> <canvas baseChart [data]="pieChartDataFinal" [labels]="pieChartLabels" [type]="pieChartType" > </canvas> </div> `, }) export class App { pieChartLabels: string[] = [ 'xyz', 'Logistics', 'Main st Bakery', 'Acme hosting', ]; colors: any[] = [{}]; public pieChartType: ChartType = 'pie'; pieChartDataFinal: ChartData<'pie', number[], string | string[]> = { datasets: [ { data: [350, 450, 120], backgroundColor: ['#26547c', '#ff6b6b', '#ffd166'], }, ], }; constructor() {} ngOnInit() {} } bootstrapApplication(App); 堆栈闪电战

angular charts frontend chart.js ng2-charts

回答 1 投票 0

如何使用Javascript访问Chart JS中渐进折线图中当前点的值

我想使用javascript访问Chart JS中渐进折线图中的当前点，例如，每隔一秒在控制台上记录该线的当前值，其中

javascript chart.js linechart

回答 1 投票 0

chart.js 中的自定义 Tailwind CSS 颜色

我有一个 React 应用程序，它利用 Chart.js 来渲染图表。我想使用 Tailwind CSS 配置中定义的自定义颜色来自定义图表中标签的颜色。我都有...

javascript reactjs chart.js tailwind-css

回答 2 投票 0

Chart.js 悬停线在鼠标离开时不会消失

我有一个使用react-chartjs-2库创建的图表。我创建了一个自定义插件来绘制垂直和水平悬停线。将鼠标悬停在...上时，悬停线会正确显示。