chartjs更新数据 vue_vue.js - 在vue中怎么更改chart图表的文字大小

问题

import {Line} from 'vue-chartjs'

export default Line.extend({

data () {

return {

gradient: null,

gradient2: null

}

mounted () {

this.gradient = this.$refs.canvas.getContext('2d').createLinearGradient(0, 0, 0, 450)

this.gradient.addColorStop(0, 'rgba(255, 0,0, 0.5)')

this.gradient.addColorStop(0.5, 'rgba(255, 0, 0, 0.25)');

this.gradient.addColorStop(1, 'rgba(255, 0, 0, 0)');

this.renderChart({

labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],

datasets: [

{

label: 'Data One',

borderColor: '#FC2525',

pointBackgroundColor: 'white',

borderWidth: 1,

pointBorderColor: 'white',

backgroundColor: this.gradient,

data: [40, 39, 10, 40, 39, 80, 40]

}

]

}, {responsive: true, maintainAspectRatio: false})

var chartLine = null;

window.onload = function () {

var ctx = document.getElementById("myChart").getContext("2d");

chartLine = new Chart(ctx).Line(data, {

scaleFontSize : 20,

});

}

});

html

第2种改不了

第三种也不行

第4中不行

我需要在移动端上面使用

解决方案

这句代码上面有ref=canvas吗？

没有改成试试

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起

chartjs更新数据 vue_vue.js - 在vue中怎么更改chart图表的文字大小相关推荐

chartjs更新数据 vue_vue 集成 chartjs
指令该指令的作用是dom渲染后触发,因为非vue的插件有的是dom必须存在的情况下才可以执行 Vue.directive('loaded-callback', { inserted: functio ...
Moment.js在Vue中使用
Moment.js在Vue中使用 1. 安装依赖包 npm install moment --save 2. main.js中引入 import moment from 'moment' Vue.pr ...
js 或者vue中for循环去掉最后一个逗号
js 或者vue中for循环去掉最后一个逗号一个感觉很简单的问题,刚开始我没有思路,现在也没有更好的思路问题描述: 后端返回的一个数组,前端这边需要循环把名字展示,要求在展示时,每个名字后用** ...
如何从stackoverflow的api 中获取是数据_如何修复Vue中的 “this is undefined” 问题
当我们使用 Vue 在愉快的开发项目的时候,突然报了一个错误: this is undefined 别担心,不只有你一个人,我也经常遇到这个问题很多次,接下我们一起来看看如何解决这个问题. 一个可能的 ...
高德地图中加载three.js（vue中）（封装
这几天公司有一个要结合高德地图的智慧园区的项目(大致就是在3d地图中加载自己的three.js模型) 1.首先要引入高德地图官方文档给出来的引用方法 <template><div ...
Raphael.js 在vue中使用说明, 以杭州市地图为例
一.Vue中引入raphael.js npm install --save raphael 二.组件component中新建,下面为代码 <template> <div id=&qu ...
sql文件中捕获异常_使用更改数据捕获监视SQL Server中的更改
sql文件中捕获异常背景 (Background) In multi-user environments, changes may occur frequently to the architect ...
vue 怎么样不重复往数组里插入数据_Vue.js在数组中插入重复数据的实现代码分享...
1.在默认的情况下,Vue.js默认不支持往数组中加入重复的数据.可以使用track-by="$index"来实现. 2.不使用track-by="$index" ...
原生JS实现vue中data值的修改与渲染
前言砖搬多了就得想想怎么造砖,Vue使用多了,也得想想Vue是咋实现,Vue用着确实舒服,仔细了解一下,背后做的操作也太多了吧,但是再多的操作也是一个一个积累起来的吧! 先记录一下怎么实现data中 ...

chartjs更新数据 vue_vue.js - 在vue中怎么更改chart图表的文字大小

chartjs更新数据 vue_vue.js - 在vue中怎么更改chart图表的文字大小相关推荐

最新文章

热门文章

chartjs更新数据 vue_vue.js - 在vue中 怎么更改chart图表的文字大小

chartjs更新数据 vue_vue.js - 在vue中 怎么更改chart图表的文字大小相关推荐

最新文章

热门文章

chartjs更新数据 vue_vue.js - 在vue中怎么更改chart图表的文字大小

chartjs更新数据 vue_vue.js - 在vue中怎么更改chart图表的文字大小相关推荐