![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Echarts
文章平均质量分 59
chen__cheng
1.1的n次方
展开
-
Echarts legend属性使用
Echarts的legend属性是对图例组件的相关配置而legend就是Echarts图表中对图形的解释部分:其中legend自身常用的配置属性如下:orient设置图例的朝向属性值:vertical // 垂直显示或者horizontal // 水平显示legend: { orient: 'vertical' } legend: { orient: 'horizontal' }x/y(left/top)设置图例在X轴原创 2021-07-01 16:46:17 · 58688 阅读 · 12 评论 -
Vue Echarts 引入自定义主题
首先先创建自定义主题:创建方式:Echarts自定义主题工具使用以及创建自定义主题将定制的主题复制其的json格式代码:也可以直接下载,按照图上所给的教程使用也可以。这里采用的是复制的方式复制完成之后,在Vue项目的/src/assets下新建一个theme.js文件文件中写入以下代码:const theme = 刚刚复制的json代码粘贴到此处;export default theme然后在你要使用echarts的组件里面进行引用:// 引入自定义主题import theme f原创 2021-07-01 15:22:13 · 660 阅读 · 0 评论 -
Echarts自定义主题工具使用以及创建自定义主题
可以使用Echarts在线构建工具创建自定义主题网址:https://echarts.apache.org/zh/theme-builder.html这里记录下如何使用该工具,以及这些配置代表的含义。基本配置:背景:图表放置的容器的样式(背景颜色)标题:每个图表的解释部分(文字颜色)副标题:每个图表的解释部分(文字颜色)主题:绘制图表的时候,会使用许多的折线或者矩形或者饼形等,为了视觉上区分这些不同的线条所代表的含义,此时就可以使用不同的颜色去区分,而主题就即图表绘制这些线条的时候使用的颜色原创 2021-07-01 15:09:18 · 794 阅读 · 0 评论