D3.js 在任何js库中有4个标签的散点图(相反的图)?

D3.js 在任何js库中有4个标签的散点图(相反的图)?,d3.js,charts,chart.js,plotly,scatter-plot,D3.js,Charts,Chart.js,Plotly,Scatter Plot,有人知道散点图轴线的每一侧可能有4个不同的标签吗 我试图在任何常见的JS库google charts、plotly、chart.JS等中创建一个所谓的反向图,但找不到任何选项来标记所有四个面: 如果您有任何意见,我将不胜感激 我建议使用D3雷达图插件,下面的代码片段是从中提取的示例,并检查这个华丽的图表ui: RadarChart.defaultConfig.color=函数{}; RadarChart.defaultConfig.radius=3; RadarChart.defaultCon

有人知道散点图轴线的每一侧可能有4个不同的标签吗

我试图在任何常见的JS库google charts、plotly、chart.JS等中创建一个所谓的反向图,但找不到任何选项来标记所有四个面:


如果您有任何意见,我将不胜感激

我建议使用D3雷达图插件,下面的代码片段是从中提取的示例,并检查这个华丽的图表ui:

RadarChart.defaultConfig.color=函数{}; RadarChart.defaultConfig.radius=3; RadarChart.defaultConfig.w=400; RadarChart.defaultConfig.h=400; 风险值数据=[ { className:'germany',//可选可用于样式设置 轴线:[ {轴:强度,值:13}, {轴:智能,值:6}, {轴:魅力,值:5}, {轴:灵巧度,值:9} ] }, { 类名:“阿根廷”, 轴线:[ {轴:强度,值:6}, {axis:intelligence,value:7}, {轴:魅力,值:10}, {轴:灵巧度,值:13} ] } ]; 函数随机数据集{ return data.mapfunctiond{ 返回{ 类名:d.className, 轴:d.axes.mapfunctionaxis{ 返回{axis:axis.axis,值:Math.ceilMath.random*10}; } }; }; } var图表=雷达艺术图表; var cfg=chart.config;//检索默认配置 var svg=d3。选择“正文”。追加“svg” .attr'width',cfg.w+cfg.w+50 .attr'height',cfg.h+cfg.h/4; 追加'g'。分类为'single',1.datumrandomDataset.callchart; //许多雷达 chart.config{w:cfg.w/4,h:cfg.h/4,axisText:false,levels:0,circles:false}; cfg=chart.config; 函数渲染{ var game=svg。选择所有“g.game”。数据 [ 随机数据集, 随机数据集, 随机数据集, 随机数据集 ] ; game.enter.append'g'。分类为'game',1; 游戏 .attr'transform',函数d,i{return'translate'+cfg.w*4+50+i*cfg.w+','+cfg.h*1.3+;} .呼叫图; setTimeoutrender,1000; } 提供 身体{ 填充:20px; } .雷达图.面积{ 填充不透明度:0.7; } .雷达图.焦点.区域{ 填充不透明度:0.3; } .雷达图.聚焦.区域.聚焦{ 填充不透明度:0.9; } .area.German、.German.circle{ 填充:FFD700; 中风:无; } .area.argentina,.argentina.circle{ 填充:ADD8E6; 中风:无; }