vue 图表组件库 vue-highcharts

原文链接: vue 图表组件库 vue-highcharts

上一篇: flask 前端应用展示

下一篇: Python shutil 模块文件操作

git

https://github.com/weizhenye/vue-highcharts

安装配置

cnpm i vue-highcharts -Dimport VueHighcharts from 'vue-highcharts';
Vue.use(VueHighcharts);

简单折线图

效果

<template><highcharts :options="options"></highcharts></template><script>var options = {title: {text: '2010 ~ 2016 年太阳能行业就业人员发展情况'},subtitle: {text: '数据来源：thesolarfoundation.com'},yAxis: {title: {text: '就业人数'}},legend: {layout: 'vertical',align: 'right',verticalAlign: 'middle'},plotOptions: {series: {label: {connectorAllowed: false},pointStart: 2010}},series: [{name: '安装，实施人员',data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]}, {name: '工人',data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]}, {name: '销售',data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]}, {name: '项目开发',data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227]}, {name: '其他',data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]}],responsive: {rules: [{condition: {maxWidth: 500},chartOptions: {legend: {layout: 'horizontal',align: 'center',verticalAlign: 'bottom'}}}]}}export default {name: "t4",data() {return {options: options}},}
</script>

压缩后70k，也不怎么大

vue 图表组件库 vue-highcharts相关推荐

vue 图表组件_用于制作图表的简单轻巧的Vue组件
vue 图表组件纯Vue图表 (Pure Vue Chart) A simple and lightweight vue component for making charts that do no ...
vue统计组件库和ui框架
element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 ...
从零实现Vue的组件库（十）- Select 实现
当选项过多时,使用下拉菜单展示并选择内容. Select 组件主要特点在于: 数据双向绑定,下拉列表变动时,选中项如何回显: 单选.多选的区分,以及对应处理. 1. 实例代码 <fat-sel ...
创建, 发布自己的 Vue UI 组件库
创建, 发布自己的 Vue UI 组件库前言在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI_, _Vuetify 等. 只需一行命令, 即可方便 ...
16款优秀的Vue UI组件库推荐
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
ajax插件库,03.vue-ajax、vue UI 组件库
vue-ajax vue 项目中常用的 2 个 ajax 库 vue-resource: vue 插件, 非官方库, vue1.x 使用广泛 axios: 通用的 ajax 请求库, 官方推荐, vu ...
vant引入组件报错_强烈推荐优秀的Vue UI组件库
在我们实际开发中常常因为项目周期短不得不引入一些UI框架来辅助开发那常见的比较好的UI框架有那些呢(基于VUE) Element UI组件库 (pc端) Element,一套为开发者.设计师和产品经 ...
17款优秀的Vue UI组件库汇总
17款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
封装 Vue.js 组件库
文章前言笔记来源:拉勾教育大前端高薪训练营阅读建议:内容较多,建议通过左侧导航栏进行阅读课程目标开源组件库 Element-UI iView CDD 基本介绍 CDD(Component-D ...

vue 图表组件库 vue-highcharts

vue 图表组件库 vue-highcharts相关推荐

最新文章

热门文章

vue 图表 组件库 vue-highcharts

vue 图表 组件库 vue-highcharts相关推荐

最新文章

热门文章

vue 图表组件库 vue-highcharts

vue 图表组件库 vue-highcharts相关推荐