vue-chartjs相关内容

是否可以使用 vue-chartjs 打印图表?

我正在使用 vue-chartjs 在 web 应用程序上呈现图形.我知道如果您使用原始 库,您可以打印图表.但是我不知道如何使用库的 vue 版本来做到这一点. 我在外部charts.js 文件中有我的图表变量 从 'vue-chartjs' 导入 {Bar, mixins }Chart.defaults.global让 chartOptions = Chart.defaults.glo ..
发布时间:2022-01-22 16:17:45 前端开发

(Vue, ChartJS) 从子组件画布上下文为图表创建渐变背景

我想给我的图表一个渐变背景颜色,但我无法访问画布上下文,因为我的图表在我编写的包装器组件中呈现. 我想要实现的目标: 我的实际包装器看起来像这样: 从“vue-chartjs"导入 { Line, mixins };常量 { reactiveProp } = mixins;导出默认{延伸:线,混合:[reactiveProp],道具:[“选项"],组件: {},挂载(){//this ..
发布时间:2022-01-22 16:16:20 前端开发

vue-chartjs 反应数据错误

我正在尝试为 vue-chartjs 使用响应式数据混合 设置初始数据的挂载函数正在运行,我可以使用 API 响应正确查看图表: fetchSessionTrends() {axios.get(端点).then(({数据}) => {this.sessions = data.map(session => session.sessions);this.sessionLabels = data ..
发布时间:2022-01-22 16:14:25 前端开发

如何在 ChartJS 中创建自定义图例

我需要使用 ChartJS 库为我的圆环图创建自定义图例.我已经使用 ChartJS 提供的默认图例创建了甜甜圈,但我需要进行一些修改. 我想拥有高于汽车名称的价值.另外我不喜欢粘性图例,我想将它与甜甜圈分开,这样我就可以更改字体、框的样式(例如,在文本“Audi"旁边) 我知道有一些 图例生成器但我不确定如何将它与 VueJS 一起使用 - 因为我使用 VueJS 作为框架 这 ..
发布时间:2022-01-22 16:11:26 前端开发

Vue Chart.js - 数据更改时图表不会更新

我正在使用 Vue.js 和 Chart.js 绘制一些图表.每次我调用函数 generateChart() 时,图表不会自动更新.当我在 Vue Devtools 中检查数据时,它们是正确的,但图表并未反映数据.但是,当我调整窗口大小时,图表会更新. 我做的事情有什么问题? 如何在每次调用 generateChart() 时更新图表? 我觉得这与 object 和 array 更改 ..
发布时间:2021-12-08 21:21:19 前端开发

使用chartjs删除y轴上的多余线条

我想知道如何删除折线图上多余的折线.我试图将 drawborder 设置为false,但是当然它只是删除了到轴的所有线.我只是想摆脱指向y轴标签的多余垂直线,如下面带有红色标记的图像. 脚本: 导出默认值{数据 () {返回 {数据采集​​: {},选项: {响应式的:是的,传奇: {显示:false,},比例尺:{x轴:[{网格线: {显示:true,颜色:“#D7D7D7"},滴答声: ..
发布时间:2021-04-21 20:33:42 其他开发

注释未显示在Chart.js中

对不起我的英语不好. 我正在尝试使用vue-chartjs和chartjs-plugin-annotation在图形中显示水平线. 出现图形并应用了选项,但是由于注释中的设置不起作用,因此没有出现水平线. 如果有人知道如何解决此问题,请告诉我. 版本和代码如下 Chart.js v2.9.4 chartjs-plugin-annotation v0.5.7 Chart.js ..

是否可以使用vue-chartjs打印图表?

我正在使用vue-chartjs在Webapp上呈现图形.我知道如果您使用原始的库,则可以打印图表.但是我不知道如何使用vue版本的库. 我的图表变量位于一个外部Charts.js文件中 从'vue-chartjs'导入{Bar,mixins}Chart.defaults.globallet chartOptions = Chart.defaults.global;const {react ..
发布时间:2021-04-21 20:29:57 前端开发

使用Vue Chart.js动态更改图表类型

我正在尝试使用Vue Chart.js来实现图表选择器以可视化各种数据. 应用程序结构: ChartPicker.vue(允许用户选择图表,创建数据,使用动态组件键重新呈现组件) ChartWrapper.vue(接收道具并将其传递,为动态图表类型创建mixin) ChartRender.vue(仅绘制图表) 在图表渲染组件中,通常需要执行“扩展:条形图",“扩展:线形"等操 ..
发布时间:2020-07-14 01:19:11 前端开发

ChartJs,如何在折线图中的两个数据集之间获得不同的颜色填充?

上图是我使用ChartJS制作的图形.我有两个数据集.就像我想要的那样,我也填充了两个数据集之间的空间.但是我需要获得两种不同的颜色进行填充.当“小时数"数据集大于“目标"数据集时,我希望填充为绿色,而当“小时数"数据集小于“目标"时,我希望其为红色.我真的希望有一种使用ChartJS进行此操作的方法,这样就不必在Canvas中重新创建它. 如果重要的话,这是在Vue.Js中. 这是两 ..
发布时间:2020-07-14 01:19:10 前端开发

vue-chart.js反应数据错误

我正在尝试对 vue-chartjs 使用被动数据混合 用于设置初始数据的已安装函数正在运行,我可以使用API​​响应正确查看图表: fetchSessionTrends() { axios.get(endpoint) .then(({data}) => { this.sessions = data.map(session => session.sess ..
发布时间:2020-07-14 01:18:59 前端开发