echart
weixin_42670357
这个作者很懒,什么都没留下…
展开
-
echart 通用设置
<template> <div class="echarts" :id="id"></div></template><script>import echarts from 'echarts'export default { props: { id: { type: String }, w...原创 2019-12-18 17:27:25 · 134 阅读 · 0 评论 -
echarts map地图
<template><div id="map" ref="map" style="width: 100%;height: 780px;"></div></template><script>import echarts from 'echarts'export default {methods:{ mapmooudel(n...原创 2019-12-18 17:08:34 · 192 阅读 · 0 评论 -
echarts bar 基础组件
<template> <div class="chart" :style="{ height: height + 'px', width: width }"></div></template><script>import echarts from 'echarts'export default { props: { ...原创 2019-12-18 16:46:26 · 215 阅读 · 0 评论 -
pieChart
npm i echarts ---save-devmain.jsimport echarts from 'echarts'Vue.prototype.$echarts = echartschart<template><div class="chart"></div></template><script>export...原创 2019-08-15 16:15:29 · 272 阅读 · 0 评论 -
vue 用echarts写的进度条组件
组件<template><div class="chart" :style="{height:height,width:width}"></div></template><script>import echarts from "echarts";export default { props: { barObj: ...原创 2019-09-17 15:58:40 · 1231 阅读 · 0 评论 -
3D饼图
1.下载npm install vue-highcharts --savenpm install highcharts--save2.main.js引入import highcharts from 'highcharts'import VueHighCharts from 'vue-highcharts'import highcharts3d from 'highcharts/...原创 2019-09-17 16:13:52 · 1136 阅读 · 0 评论 -
瀑布图
组件<template><div class="chart" :style="{height:height/75+'rem',width:width}"></div></template><script>import echarts from "echarts";export default { props: { ...原创 2019-09-17 16:24:58 · 605 阅读 · 0 评论 -
柱状图折线图
组件<template><div class="chart" :style="{height:height/75+'rem',width:width}"></div></template><script>import echarts from "echarts";export default { props: { ...原创 2019-09-17 16:32:55 · 109 阅读 · 0 评论