YARN-9309. Improve graph text in SLS to avoid overlapping. Contributed by Bilwa S T.
(cherry picked from commit 779dae4de7
)
This commit is contained in:
parent
a060e8cb51
commit
bdfdf12178
|
@ -4,18 +4,18 @@
|
||||||
<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
|
<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
|
||||||
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
|
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body '{' font: 20px sans-serif; '}'
|
body '{' font: 15px sans-serif; '}'
|
||||||
.axis path,
|
.axis path,
|
||||||
.axis line '{' fill: none; stroke: #000; shape-rendering: crispEdges; '}'
|
.axis line '{' fill: none; stroke: #000; shape-rendering: crispEdges; '}'
|
||||||
.axis text '{' font-family: sans-serif; font-size: 20px; '}'
|
.axis text '{' font-family: sans-serif; font-size: 12px; '}'
|
||||||
.line '{' fill: none; stroke: steelblue; stroke-width: 3px; '}'
|
.line '{' fill: none; stroke: steelblue; stroke-width: 2px; '}'
|
||||||
.legend '{'
|
.legend '{'
|
||||||
padding: 5px;
|
padding: 3px;
|
||||||
font: 18px sans-serif;
|
font: 10px sans-serif;
|
||||||
background: yellow;
|
background: yellow;
|
||||||
box-shadow: 2px 2px 1px #888;
|
box-shadow: 2px 2px 1px #888;
|
||||||
'}'
|
'}'
|
||||||
.title '{' font: 24px sans-serif; '}'
|
.title '{' font: 20px sans-serif; '}'
|
||||||
.divborder '{'
|
.divborder '{'
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
@ -118,8 +118,8 @@
|
||||||
|
|
||||||
// draw each chart
|
// draw each chart
|
||||||
function drawEachChart(index) '{'
|
function drawEachChart(index) '{'
|
||||||
var margin = '{'top: 50, right: 250, bottom: 50, left: 70'}';
|
var margin = '{'top: 50, right: 225, bottom: 50, left: 85'}';
|
||||||
width = 750 - margin.left - margin.right;
|
width = 770 - margin.left - margin.right;
|
||||||
height = 420 - margin.top - margin.bottom;
|
height = 420 - margin.top - margin.bottom;
|
||||||
|
|
||||||
xs[index] = d3.scale.linear().range([0, width]);
|
xs[index] = d3.scale.linear().range([0, width]);
|
||||||
|
|
Loading…
Reference in New Issue