我目前正在从事一个利用 Apache Echarts 库的 Scatter3D 绘图功能的项目。但是,我目前在自定义工具提示信息时遇到了一些困难。恳请您协助解决此事。附上截图供参考。感谢您的时间和考虑。
这是该功能的代码片段。
const options = {
grid3D: {},
tooltip: {},
xAxis3D: {
name: 'Total(USD)',
nameTextStyle: {
fontSize: 10
},
type: 'value',
axisLabel: {
formatter: (value: any) => '$' + shortenNumber(value),
fontSize: 10
}
},
yAxis3D: {
name: 'Payout',
nameTextStyle: {
fontSize: 10
},
type: EchartsAxisType.Value,
axisLabel: {
formatter: (value: any) => '$' + shortenNumber(value),
fontSize: 10
}
},
zAxis3D: {
name: 'Ratio(%)',
nameTextStyle: {
fontSize: 10
},
type: EchartsAxisType.Value,
axisLabel: {
formatter: (value: any) => formatPercent(value / 100, 'en-US', '1.2-2'),
fontSize: 10
}
},
series: [
{
name: 'Analytics',
type: 'scatter3d',
symbolSize: 2,
data: plotdata,
dimensions: ['Total', 'Payout', 'Ratio']
}
]
};