![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
Janicelily
哪有什么大神,不过是一行一行敲来的,加油呀
展开
-
如何给SVG的path加上箭头以及动态改变方向
在元素中定义的图形不会直接显示在SVG图像上一、所以先来定义出 箭头的图形:<defs> <marker id=‘markerArrow‘ markerWidth=‘13‘ markerHeight=‘13‘ refx=‘2‘ refy=‘6‘ orient=‘auto‘> <path d=‘M2,2 L2,11 L10,6 L2,2‘ s...原创 2020-05-08 14:34:56 · 4047 阅读 · 0 评论 -
记录echarts 多图问题(布局、resize)
最近的有一个需求是这样的数据是后端返回的,v-for渲染。要求一行最多三个, 如果是5个, 第二行的俩个要平分, 如果是4个, 第四个图要独占一行。如果用js 进行计算length 的话, 就太麻烦了。于是我发现了 flex-grow, 这一神仙属性。flex-grow详细解释:container就是父容器,B1 B2 B3就是子容器,假如container的width是500px,那...原创 2020-03-24 15:59:10 · 1536 阅读 · 0 评论 -
Echarts背景颜色梯度显示
Echarts背景颜色梯度显示,根据折线图中预测概率的大小,显示在背景色为不同颜色的区域option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'line' // 默认为直线,可选为:'line' | 'shadow'...原创 2020-03-13 17:59:08 · 401 阅读 · 0 评论 -
Echarts饼图 改变大小与位置
设置echarts饼状图大小:radius : ‘55%’, ------------这个属性设置图的大小center: [‘50%’, ‘60%’],-----这个属性设置图的上下左右的位置原创 2019-04-26 17:28:30 · 30220 阅读 · 3 评论 -
Echart的formatter
tooltip分为全局和局部当页面有多种图时,需要鼠标移入,显示多种提示信息,可以在series中写入tooltip,各自写各自需要展示当内容,很灵活。原创 2019-04-26 18:45:48 · 638 阅读 · 0 评论 -
Echart 四象限图
公司今日要求四象限图,经过研究修改,样式如下:const option = { title: [ { text: '性格群体分析', subtext: '分析对象:XX区域', left: 'center', textStyle: { f...原创 2019-05-31 18:01:18 · 4131 阅读 · 0 评论 -
Echarts柱形图 设置滚动条
Echarts具有自适应的功能,因此当x轴的数据非常多的时候,会自动把柱形的宽度挤的非常细,这样的交互肯定是过不去的。因此就需要有这样一个属性:dataZoom想要读详细文档的同学,可以看官方文档:https://echarts.baidu.com/option.html#dataZoom只是想要简单版的同学,看我的这个简易版本即可:这就是一个最简单的柱形图,带横向滚动条版本。opti...原创 2019-07-17 18:41:01 · 19507 阅读 · 0 评论