前言:
在体测1.0版本的时候,是用e-chart软件做的雷达图,官网示例可以实现不同边不同max值。但是在构建的时候出问题了,构建后无法显示雷达图,可能是版本不兼容的缘故。后来改用v-chart,但是官网示例不能修改不同边有不同的max值。
后来考虑用Bizchart组件,但是发现跟v-chart类似。经过查询,发现Bizchart和v-chart都可以用自定义的方式去修改提示框的属性,就可以利用百分比的方式实现不同维度不同max值。
参考文档地址:
Bizchart文档参考地址:https://bizcharts.net/products/bizGoblin/api/tooltip?from=search#onchange
可以利用 “onChange” 这个属性修改提示框的内容
v-chart文档参考地址:https://www.yuque.com/rs385i/yzbt72/wbcg1q
可以利用 “htmlContent” 这个属性修改提示框的内容
功能实现:
请看下方示例:
Codepen:https://codepen.io/anon/pen/ZNKZJv
代码:
html:
<html>
<head>
<meta charset="UTF-8">
<script src="//g.alicdn.com/bizcharts/io-asserts/3.1.2/react16.0.0.production.min.js"></script>
<script src="//g.alicdn.com/bizcharts/io-ass