问题标签 [vue-chartjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3401 浏览

chart.js - 使用 chartjs 删除 y 轴上的多余线条

我想知道如何删除折线图上的多余线条。我试图设置drawborder为 false 但当然它只是删除了轴的所有线。我只是想摆脱指向 y 轴标签的不需要的垂直线,如下图带有红色标记的图像。

在此处输入图像描述

模板:

脚本:

0 投票
1 回答
466 浏览

vuejs2 - 为什么我的 Vue-ChartJS 图表数据没有显示在 ie10 上?

我正在使用来自 vue 和 vue-chartjs 的预打包脚本文件,并将它们添加到页面中。

最初没有视图工作,在 ie10 上打开开发工具后,我看到 es6 的东西像=>let并且myFunc(): ....正在破坏页面。

所以我删除了这个,现在图表的轮廓和布局显示,轴比例甚至在获取新数据时发生变化。但是,图表中实际上并没有显示任何内容。

我怀疑是这个新html标签,即无法识别:

更新

getQueueData从 API 获取数据的函数

0 投票
2 回答
590 浏览

chart.js - 具有不同扇区大小的饼状甜甜圈图

在此处输入图像描述

大家好,

我期待创建一个如下图所示的图表。我正在谷歌上搜索哪个图表可以选择创建这种类型的图表,与每个弧内的文本文本不完全相同,但为空。

我主要看的是chartjs,因为我是使用任何图表库的新手,我还没有理解其中的选项,这意味着如果有人有建议,这将对我有所帮助。

谢谢大家

0 投票
1 回答
2275 浏览

chart.js - 图表区域的高度(不是画布大小)?

因为 GitHub 告诉我“不要为问题或支持请求创建问题”。并没有提到另一个地方问一个问题,我猜这就是地方?

如果我想为图表设置特定大小(但不是画布的整体大小),有人知道这是否可行吗?我的原因是我的 X 轴标签可能会变得很长,当这种情况发生时,我只是增加了画布大小,但这显然会完全改变整个大小。所以我想为图表区域和x轴标签区域设置单独的大小......

0 投票
1 回答
278 浏览

npm - Error in console with Vue-chartJS and Webpack

I installed vue-chartjs and also added chart.js both using NPM

When I run npm start my server is started but in broswer console i get an error

I'm not sure what this mean. I reinstalled all packages also installed this packages separete using npm install vue-chartjs

0 投票
1 回答
1246 浏览

javascript - Chart js - 极坐标散点图

我正在尝试像这样绘制一个简单的极地散点图。

在此处输入图像描述

我该如何使用 Chart.js?

0 投票
2 回答
7639 浏览

javascript - 在 vue-chart 中重新渲染图表

我应该如何在 vue 图表实例中引用图表并销毁它?我试过了:

但它抱怨

TypeError:无法读取未定义的属性“销毁”

所以这似乎this._chart不是引用当前图表的正确方法,有人知道这样做的正确方法是什么吗?这个想法来自这个堆栈溢出答案

0 投票
1 回答
360 浏览

vuejs2 - 创建回调 onAnimationStop Vue-Chartjs

我尝试做的是在 onAnimationComplete 选项上创建一个回调以在条形图中设置百分比。那看起来如何:

}

但是这个属性没有被拾取是否有一种简单的方法来创建这个回调或者简单地显示条内条的百分比,如下所示:FIDDLE

我希望有人可以帮助我解决这个问题。

环境

vue.js 版本:“vue”:“^2.1.10”,vue-chart.js 版本:“vue-chartjs”:“^3.0.0”,npm 版本:3.1010

0 投票
1 回答
1136 浏览

vuejs2 - 计算属性作为 vue-chartjs 的响应属性?

我束手无策,试图弄清楚这段代码有什么问题。归结起来,我有一个 vuejs 组件,它想将数据传递给 vue-chartjs 图表组件。按照vue-chartjs 文档中的这个示例,我有如下内容:

父.vue

LineCanvas.js

(上面的代码是一系列主题变体中的最新代码,但这似乎最接近实际呈现图表。)

当我在开发服务器中运行我的代码时,我会收到如下控制台错误:

TypeError: Cannot read property 'getBasePixel' of undefined at ChartElement.updateElement

Uncaught TypeError: Cannot read property 'skip' of undefined at ChartElement.draw

作为说明,为了更忠实于该示例,我尝试的其他解决方案之一是创建toDisplay一个数据字段并向watch派生它的字段添加一个方法,该方法重新计算toDisplay,但结果是相同的。我的预感是它与使用计算属性作为reactiveProp传递给图表组件有关(因此是帖子的标题),但我不确定这一点。有人可以指出我做错了什么,为什么错了,并就如何修复此代码提供一些线索?

-vue v 2.5.2 -vue-chartjs v 3.0.0 -chart.js v 2.7.0 -npm v 5.5.1

更新:

好的,在解决了这个问题之后,我将问题隔离为yAxisID: 'Cumulative'. 这条线区分了一个愉快地呈现的图表和一个糟糕的图表。奇怪,因为这个属性应该适用于 Chart.js >v 2.2。

0 投票
2 回答
6167 浏览

webpack - Vue.js 未捕获类型错误:_vueChartjs.Line.extend 不是函数

刚开始 Vue.js 和 webpack。我正在尝试将 vue-chartjs 功能添加到我的项目中。我收到以下错误:

在我的 package.json

},

我可以在我的 node_modules 文件夹(chart.js 和 vue-chartjs)中看到依赖项。

我抛出错误的 .vue 文件如下所示:

我是否需要在我的条目 js 文件中的其他地方导入/引用图表库?Webpack 参考资料?没有 chart.vue 文件,项目运行良好。