| # |
| # Copyright (C) 2016 The Android Open Source Project |
| # |
| # Licensed under the Apache License, Version 2.0 (the "License"); |
| # you may not use this file except in compliance with the License. |
| # You may obtain a copy of the License at |
| # |
| # http://www.apache.org/licenses/LICENSE-2.0 |
| # |
| # Unless required by applicable law or agreed to in writing, software |
| # distributed under the License is distributed on an "AS IS" BASIS, |
| # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| # See the License for the specific language governing permissions and |
| # limitations under the License. |
| # |
| |
| import sys |
| |
| SVG_NODE_HEIGHT = 17 |
| FONT_SIZE = 12 |
| |
| UNZOOM_NODE_ORIGIN_X = 10 |
| UNZOOM_NODE_WIDTH = 80 |
| INFO_NODE_ORIGIN_X = 120 |
| INFO_NODE_WIDTH = 800 |
| PERCENT_NODE_ORIGIN_X = 930 |
| PERCENT_NODE_WIDTH = 250 |
| SEARCH_NODE_ORIGIN_X = 1190 |
| SEARCH_NODE_WIDTH = 80 |
| RECT_TEXT_PADDING = 10 |
| |
| |
| def hash_to_float(string): |
| return hash(string) / float(sys.maxsize) |
| |
| |
| def get_legacy_color(method): |
| r = 175 + int(50 * hash_to_float(reversed(method))) |
| g = 60 + int(180 * hash_to_float(method)) |
| b = 60 + int(55 * hash_to_float(reversed(method))) |
| return (r, g, b) |
| |
| |
| def get_dso_color(method): |
| r = 170 + int(80 * hash_to_float(reversed(method))) |
| g = 180 + int(70 * hash_to_float((method))) |
| b = 170 + int(80 * hash_to_float(reversed(method))) |
| return (r, g, b) |
| |
| |
| def get_heat_color(callsite, total_weight): |
| r = 245 + 10 * (1 - callsite.weight() / total_weight) |
| g = 110 + 105 * (1 - callsite.weight() / total_weight) |
| b = 100 |
| return (r, g, b) |
| |
| def get_proper_scaled_time_string(value): |
| if value >= 1e9: |
| return '%.3f s' % (value / 1e9) |
| if value >= 1e6: |
| return '%.3f ms' % (value / 1e6) |
| if value >= 1e3: |
| return '%.3f us' % (value / 1e3) |
| return '%.0f ns' % value |
| |
| def create_svg_node(process, callsite, depth, f, total_weight, height, color_scheme, nav): |
| x = float(callsite.offset) / total_weight * 100 |
| y = height - (depth + 1) * SVG_NODE_HEIGHT |
| width = callsite.weight() / total_weight * 100 |
| |
| method = callsite.method.replace(">", ">").replace("<", "<") |
| if width <= 0: |
| return |
| |
| if color_scheme == "dso": |
| r, g, b = get_dso_color(callsite.dso) |
| elif color_scheme == "legacy": |
| r, g, b = get_legacy_color(method) |
| else: |
| r, g, b = get_heat_color(callsite, total_weight) |
| |
| r_border, g_border, b_border = [max(0, color - 50) for color in [r, g, b]] |
| |
| if process.props['trace_offcpu']: |
| weight_str = get_proper_scaled_time_string(callsite.weight()) |
| else: |
| weight_str = "{:,}".format(int(callsite.weight())) + ' events' |
| |
| f.write( |
| """<g id=%d class="n" onclick="zoom(this);" onmouseenter="select(this);" nav="%s"> |
| <title>%s | %s (%s: %3.2f%%)</title> |
| <rect x="%f%%" y="%f" ox="%f" oy="%f" width="%f%%" owidth="%f" height="15.0" |
| ofill="rgb(%d,%d,%d)" fill="rgb(%d,%d,%d)" style="stroke:rgb(%d,%d,%d)"/> |
| <text x="%f%%" y="%f" font-size="%d" font-family="Monospace"></text> |
| </g>""" % |
| (callsite.id, |
| ','.join(str(x) for x in nav), |
| method, |
| callsite.dso, |
| weight_str, |
| callsite.weight() / total_weight * 100, |
| x, |
| y, |
| x, |
| y, |
| width, |
| width, |
| r, |
| g, |
| b, |
| r, |
| g, |
| b, |
| r_border, |
| g_border, |
| b_border, |
| x, |
| y + 12, |
| FONT_SIZE)) |
| |
| |
| def render_svg_nodes(process, flamegraph, depth, f, total_weight, height, color_scheme): |
| for i, child in enumerate(flamegraph.children): |
| # Prebuild navigation target for wasd |
| |
| if i == 0: |
| left_index = 0 |
| else: |
| left_index = flamegraph.children[i - 1].id |
| |
| if i == len(flamegraph.children) - 1: |
| right_index = 0 |
| else: |
| right_index = flamegraph.children[i + 1].id |
| |
| up_index = max(child.children, key=lambda x: x.weight()).id if child.children else 0 |
| |
| # up, left, down, right |
| nav = [up_index, left_index, flamegraph.id, right_index] |
| |
| create_svg_node(process, child, depth, f, total_weight, height, color_scheme, nav) |
| # Recurse down |
| render_svg_nodes(process, child, depth + 1, f, total_weight, height, color_scheme) |
| |
| |
| def render_search_node(f): |
| f.write( |
| """<rect id="search_rect" style="stroke:rgb(0,0,0);" onclick="search(this);" class="t" |
| rx="10" ry="10" x="%d" y="10" width="%d" height="30" fill="rgb(255,255,255)""/> |
| <text id="search_text" class="t" x="%d" y="30" onclick="search(this);">Search</text> |
| """ % (SEARCH_NODE_ORIGIN_X, SEARCH_NODE_WIDTH, SEARCH_NODE_ORIGIN_X + RECT_TEXT_PADDING)) |
| |
| |
| def render_unzoom_node(f): |
| f.write( |
| """<rect id="zoom_rect" style="display:none;stroke:rgb(0,0,0);" class="t" |
| onclick="unzoom(this);" rx="10" ry="10" x="%d" y="10" width="%d" height="30" |
| fill="rgb(255,255,255)"/> |
| <text id="zoom_text" style="display:none;" class="t" x="%d" y="30" |
| onclick="unzoom(this);">Zoom out</text> |
| """ % (UNZOOM_NODE_ORIGIN_X, UNZOOM_NODE_WIDTH, UNZOOM_NODE_ORIGIN_X + RECT_TEXT_PADDING)) |
| |
| |
| def render_info_node(f): |
| f.write( |
| """<clipPath id="info_clip_path"> <rect id="info_rect" style="stroke:rgb(0,0,0);" |
| rx="10" ry="10" x="%d" y="10" width="%d" height="30" fill="rgb(255,255,255)"/> |
| </clipPath> |
| <rect id="info_rect" style="stroke:rgb(0,0,0);" |
| rx="10" ry="10" x="%d" y="10" width="%d" height="30" fill="rgb(255,255,255)"/> |
| <text clip-path="url(#info_clip_path)" id="info_text" x="%d" y="30"></text> |
| """ % (INFO_NODE_ORIGIN_X, INFO_NODE_WIDTH, INFO_NODE_ORIGIN_X, INFO_NODE_WIDTH, |
| INFO_NODE_ORIGIN_X + RECT_TEXT_PADDING)) |
| |
| |
| def render_percent_node(f): |
| f.write( |
| """<rect id="percent_rect" style="stroke:rgb(0,0,0);" |
| rx="10" ry="10" x="%d" y="10" width="%d" height="30" fill="rgb(255,255,255)"/> |
| <text id="percent_text" text-anchor="end" x="%d" y="30">100.00%%</text> |
| """ % (PERCENT_NODE_ORIGIN_X, PERCENT_NODE_WIDTH, |
| PERCENT_NODE_ORIGIN_X + PERCENT_NODE_WIDTH - RECT_TEXT_PADDING)) |
| |
| |
| def render_svg(process, flamegraph, f, color_scheme): |
| height = (flamegraph.get_max_depth() + 2) * SVG_NODE_HEIGHT |
| f.write("""<div class="flamegraph_block" style="width:100%%; height:%dpx;"> |
| """ % height) |
| f.write("""<svg xmlns="http://www.w3.org/2000/svg" |
| xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" |
| width="100%%" height="100%%" style="border: 1px solid black;" |
| rootid="%d"> |
| """ % (flamegraph.children[0].id)) |
| f.write("""<defs > <linearGradient id="background_gradiant" y1="0" y2="1" x1="0" x2="0" > |
| <stop stop-color="#eeeeee" offset="5%" /> <stop stop-color="#efefb1" offset="90%" /> |
| </linearGradient> </defs>""") |
| f.write("""<rect x="0.0" y="0" width="100%" height="100%" fill="url(#background_gradiant)" /> |
| """) |
| render_svg_nodes(process, flamegraph, 0, f, flamegraph.weight(), height, color_scheme) |
| render_search_node(f) |
| render_unzoom_node(f) |
| render_info_node(f) |
| render_percent_node(f) |
| f.write("</svg></div><br/>\n\n") |
