Beth__hui的博客

在元素中定义的图形不会直接显示在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...

最近的有一个需求是这样的数据是后端返回的，v-for渲染。要求一行最多三个， 如果是5个， 第二行的俩个要平分， 如果是4个， 第四个图要独占一行。如果用js 进行计算length 的话， 就太麻烦了。于是我发现了 flex-grow， 这一神仙属性。flex-grow详细解释：container就是父容器，B1 B2 B3就是子容器，假如container的width是500px，那...

Echarts背景颜色梯度显示，根据折线图中预测概率的大小，显示在背景色为不同颜色的区域option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器，坐标轴触发有效 type : 'line' // 默认为直线，可选为：'line' | 'shadow'...

设置echarts饼状图大小：radius : ‘55%’, ------------这个属性设置图的大小center: [‘50%’, ‘60%’],-----这个属性设置图的上下左右的位置

tooltip分为全局和局部当页面有多种图时，需要鼠标移入，显示多种提示信息，可以在series中写入tooltip，各自写各自需要展示当内容，很灵活。

公司今日要求四象限图，经过研究修改，样式如下：const option = { title: [ { text: '性格群体分析', subtext: '分析对象：XX区域', left: 'center', textStyle: { f...

Echarts具有自适应的功能，因此当x轴的数据非常多的时候，会自动把柱形的宽度挤的非常细，这样的交互肯定是过不去的。因此就需要有这样一个属性：dataZoom想要读详细文档的同学，可以看官方文档：https://echarts.baidu.com/option.html#dataZoom只是想要简单版的同学，看我的这个简易版本即可：这就是一个最简单的柱形图，带横向滚动条版本。opti...