如何生成雷达图?现有配置代码生成图表无法显示问题咨询
雷达图无法展示的问题排查点
- 核心配置类型错误
你当前代码中设置的type:'column'是柱状图的类型参数,所有主流图表库的雷达图(蜘蛛图)对应的类型参数为radar,配置错误会导致图表无法匹配对应渲染逻辑,自然无法生成雷达图。 - 拼接的JSON格式存在语法错误
你拼接的系列配置末尾多了冗余逗号:代码最后拼接了},,如果该串是最后一个数据系列,多余的尾部逗号会导致JSON解析失败,图表读取配置时直接报错无法渲染。 - 缺少雷达图必要的轴配置
雷达图需要提前在全局配置中声明径向轴的维度字段,你数据点中用到的self(个人自评)、average(平均分)、superior(上级评分)三个维度需要先在雷达轴配置中完成声明,否则数据没有对应承载的坐标轴,无法正常渲染。 - 数据类型不匹配
需要确认aa、r、bb三个变量均为数字类型,如果返回值为字符串格式的数字,部分图表库不会自动做类型转换,会识别为无效数值导致数据点加载失败。
修复参考示例(以CanvasJS为例)
// 修改type为radar,同时移除尾部多余逗号 let str = "{type:'radar',showInLegend: true,name:'"+userdet.getCompname()+"'" + ",dataPoints:[{y:"+aa+",label:'self'},{y:"+r+",label:'average'},{y:"+bb+",label:'superior'}]}"; sb.append(str);
内容的提问来源于stack exchange,提问作者Parameswary Chandran
相关产品推荐
相关产品推荐

