chore: formatter tooltip value

antvis · May 15, 2023 · b5b3331 · b5b3331
1 parent 940458c
commit b5b3331
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/site/docs/spec/component/tooltip.zh.md b/site/docs/spec/component/tooltip.zh.md
@@ -77,11 +77,11 @@ mark.tooltip({ channel: 'y' });
 mark.tooltip((d) => (d.value > 100 ? d.name : d.age));
 
 // 格式化
-mark.tooltip({ channel: 'y', labelFormatter: (d) => d.toFixed(1) });
+mark.tooltip({ channel: 'y', valueFormatter: (d) => d.toFixed(1) });
 
 // d3-format 支持的字符
 // https://github.com/d3/d3-format
-mark.tooltip({ channel: 'y', labelFormatter: '~s' });
+mark.tooltip({ channel: 'y', valueFormatter: '~s' });
 
 // 完整信息
 mark.tooltip({ name: 'name', color: 'red', value: 'color' });

diff --git a/site/examples/general/dual/demo/pareto.ts b/site/examples/general/dual/demo/pareto.ts
@@ -65,6 +65,10 @@ chart
     title: 'Cumulative Percentage',
     grid: null,
     labelFormatter: (d) => `${(d * 100).toFixed(0)}%`,
+  })
+  .tooltip({
+    channel: 'y',
+    valueFormatter: (d) => `${(d * 100).toFixed(2)}%`,
   });
 
 chart
@@ -73,6 +77,7 @@ chart
   .encode('y', 'accumulate')
   .encode('shape', 'diamond')
   .scale('y', { independent: true, domainMin: 0 })
-  .axis('y', null);
+  .axis('y', null)
+  .tooltip(null);
 
 chart.render();