本文档介绍了如何在雷达图中实现不同边不同最大值的效果。在体测1.0版本中，由于e-charts版本不兼容问题，作者转向使用v-chart和Bizchart。通过查阅官方文档，发现在Bizchart和v-chart中可以利用自定义提示框内容的方法，如Bizchart的'onChange'和v-chart的'htmlContent'属性，来以百分比方式实现不同维度的最大值展示。并提供了Codepen示例链接进行详细展示。
前言：
在体测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
最低0.47元/天 解锁文章
4269
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
