You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@skywalking.apache.org by ha...@apache.org on 2018/05/02 16:50:08 UTC

[incubator-skywalking-ui] branch 5.0.0/beta updated: Amend tooltip for heatmap

This is an automated email from the ASF dual-hosted git repository.

hanahmily pushed a commit to branch 5.0.0/beta
in repository https://gitbox.apache.org/repos/asf/incubator-skywalking-ui.git


The following commit(s) were added to refs/heads/5.0.0/beta by this push:
     new 163f21c  Amend tooltip for heatmap
163f21c is described below

commit 163f21c0dfcabec6abc1605b65dd355dba6fe69e
Author: gaohongtao <ha...@gmail.com>
AuthorDate: Thu May 3 00:49:40 2018 +0800

    Amend tooltip for heatmap
---
 src/components/Charts/HeatMap/index.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Charts/HeatMap/index.js b/src/components/Charts/HeatMap/index.js
index 51fdc26..6eb96b4 100644
--- a/src/components/Charts/HeatMap/index.js
+++ b/src/components/Charts/HeatMap/index.js
@@ -145,6 +145,13 @@ class HeatMap extends Component {
               position="datetime*responseTime"
               color={['count', '#BAE7FF-#1890FF-#0050B3']}
               style={{ stroke: '#fff', lineWidth: 1 }}
+              tooltip={['datetime*responseTime*count', (datetime, responseTime, count) => {
+                return {
+                name: range[datetime],
+                title: `${responseTime > 0 ? responseTimeAxis[responseTime - 1] : 0}~${responseTimeAxis[responseTime]}`,
+                value: count,
+                };
+              }]}
             />
           </Chart>
         </div>

-- 
To stop receiving notification emails like this one, please contact
hanahmily@apache.org.