![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
zcy_csdn123
让不懂的人懂,你才真正的懂。
展开
-
echarts 柱形图 一组数据使用不同的颜色
如果柱形图是2个维度也就是说一个代表日期一个代表温度 那么在 series 中shi 2个对象很容修改成不同个颜色,例如日期绿色,温度红色,但如果只是温度,并根据温度的不同显示不同格颜色这种情况可以使用color的函数返回series : [ { name: '温度', type: 'bar', ...原创 2019-09-06 18:17:19 · 2543 阅读 · 1 评论 -
VUE echarts 折线图
echarts 折线图html部分<div id="myChart"></div>js部分import echarts from 'echarts'export default { name: 'mycharts' methods: { drawLine() { // 选择容器 let myChart = this. $echarts.ini...原创 2019-09-16 16:18:44 · 1233 阅读 · 0 评论 -
VUE echarts 柱形图
echarts 柱形图html部分<div id="myChart"></div>js部分import echarts from 'echarts'export default { name: 'mycharts' methods: { drawLine() { // 选择容器 let myChart = this. $echarts.ini...原创 2019-09-16 16:25:51 · 960 阅读 · 0 评论 -
echarts 自定义X轴或者Y轴标签(label)
基本的东西就不说 主要是针对option中 xAxis对象的设置xAxis: [ { type: 'category', // 这里的data 使用的是变量名 也可以写固定值比如data:['周一',‘周二’] 这样 ...原创 2019-09-16 18:15:10 · 20291 阅读 · 0 评论 -
vue中使用echarts
// 安装npm install echarts -S两种使用方法1、在某个文件中引用import $echarts from 'echarts'引入后 直接使用 $echarts即可2、在全局中声明import echarts from 'echarts'Vue.prototype.$echarts = echarts这两种无论哪种方式引入貌似都会把Echarts全部引入...原创 2019-09-23 14:44:32 · 102 阅读 · 0 评论 -
echarts 自定义样式 formatter
echart 提供了 很多样式 比如lineStyle 这种对象可以让你配置相关的一些属性,但是如果给的东西不能满足所有的条件可以使用formatter 这个属性formatter 该属性可以接收一个字符串或者一个方法 用来自定义返回的样式formatter: function (params) { return ' '}// ES6写法 为了使用全局变量thisformatter:...原创 2019-09-23 15:27:13 · 16981 阅读 · 3 评论