{site_name}

{site_name}

🌜 搜索

ECharts是一个基于JavaScript的可视化图表库,提供了各种类型的图表展示方式

前端 𝄐 0
echarts地图散点图特效,echarts散点图怎么固定坐标轴,echarts绘制散点图,echarts 地图散点图,echarts 散点图颜色,echarts散点图连线
ECharts是一个基于JavaScript的可视化图表库,提供了各种类型的图表展示方式。其中,series组件是用来配置不同类型的图表的具体展示方式的。

对于散点图(scatter),我们可以通过配置tooltip属性来定制特定的提示框。具体来说,我们可以在tooltip中设置formatter属性的值为一个函数,该函数会接收到当前数据项的数值信息,并返回一个字符串作为提示框的内容。

以下是一个简单的散点图的配置示例,其中tooltip的formatter使用了模板字符串和toFixed()方法来格式化数据展示效果:

javascript
option = {
tooltip: {
trigger: 'item',
formatter: ({data}) => (${data[0].toFixed(2)}, ${data[1].toFixed(2)})
},
xAxis: {
type: 'value'
},
yAxis: {
type: 'value'
},
series: [{
type: 'scatter',
data: [[1.5, 10], [2.3, 23], [3.1, 17], [4.7, 18], [6.0, 13]],
symbolSize: 10
}]
};


在上述代码中,我们定义了一个包含五个数据点的散点图,每个数据点分别由横坐标和纵坐标两个数值组成。当鼠标悬浮在某个数据点上时,会弹出如(1.50, 10.00)这样格式化后的提示框。