64 Diagrams
Result
| Name | Result |
| Loading Time | |
| Dom Elements |
Diagrams
1. showTitle (A)
More Details | Show title
2. showTitle (B)
More Details | Hide title
3. showLegend (A)
More Details | Show legend
4. showLegend (B)
More Details | Hide legend
5. showLegend (C)
More Details | Hide legend
6. showAverage (A)
More Details | Show average Line
7. showAverage (B)
More Details | Hide average Line
8. showAverage (C)
More Details | Hide average Line as show data with as points
9. showRangeYLog (A)
More Details | Show Y Range in Log Scale
10. showRangeYLog (B)
More Details | Show Y Range in Linear Scale
11. showDataAsCircle (A)
More Details | Draw data with circles
12. showDataAsCircle (B)
More Details | Draw data with bars
13. showDataAsCircle (C)
More Details | Hide average Line as show data with as points
14. viewTitle (A)
More Details | Change title to: "42"
15. viewDomId (A)
More Details | Insert SVG into the DOM Element with the id: "findMe"
16. viewMarginTop (A)
More Details | Set top margin to: 0
17. viewMarginTop (B)
More Details | Set top margin to: 150
18. viewMarginRight (A)
More Details | Set right margin to: 0
19. viewMarginRight (B)
More Details | Set right margin to: 200
20. viewMarginBottom (A)
More Details | Set bottom margin to: 0
21. viewMarginBottom (B)
More Details | Set bottom margin to: 200
22. viewMarginLeft (A)
More Details | Set left margin to: 0
23. viewMarginLeft (B)
More Details | Set left margin to: 200
24. viewWidthOuter (A)
More Details | Set total width to: 200
25. viewWidthOuter (B)
More Details | Set total width to: 800
26. viewHeightOuter (A)
More Details | Set total height to: 100
27. viewHeightOuter (B)
More Details | Set total height to: 600
28. viewTranslateMultiplicator (A)
More Details | Change distance between title, legend and diagram to: 0.42
29. viewTranslateMultiplicator (B)
More Details | Change distance between title, legend and diagram to: 2.42
30. dataXSelectors (A)
More Details | Selection is set to: ["Data"]
31. dataXSelectors (B)
More Details | Multiple selections are set: ["Spock", "Data"]
32. dataXTextLength (A)
More Details | Set the maximum text label length for x range values to: 5
33. dataXTextLength (B)
More Details | Set the maximum text label length for x range values to: 18
34. dataXTextPlaceholder (A)
More Details | Change suffix for cut of x range text labels to: -----
35. dataXTextPlaceholder (B)
More Details | Change suffix for cut of x range text labels to: ``````
36. dataYTicks (A)
More Details | Change y range ticks to: 2
37. dataYTicks (B)
More Details | Change y range ticks to: 20
38. dataSortCurrent (A)
More Details | Set sort to: values
39. dataSortCurrent (B)
More Details | Set sort to: names
40. dataSortByValues (A)
More Details | Set sequence to: ascending and hide average line.
41. dataSortByValues (B)
More Details | Set sequence to: decending
42. dataSortByValues (C)
More Details | Set sequence to: ``````
43. dataSortByNames (A)
More Details | Set sequence to: ascending
44. dataSortByNames (B)
More Details | Set sequence to: decending
45. dataSortSelection (A)
More Details | Set selection to: start
46. dataSortSelection (B)
More Details | Set selection to: end
47. dataSortSelection (C)
More Details | Set selection to: none
48. dataLegendTextSeparater (A)
More Details | Replace character "_" to " " in the legend text label
49. styleColorAverage (A)
More Details | Set average color line to: purple
50. styleColorAverage (B)
More Details | Set average color line to: #c1033c
51. styleColorCanvasBackground (A)
More Details | Set background color to: lightgray
52. styleColorCanvasBackground (B)
More Details | Set background color to: #fed8b1
53. styleColorFont (A)
More Details | Set default font color to: red
54. styleColorFont (B)
More Details | Set default font color to: #f66504
55. styleColorLegends (A)
More Details | Set color legend palette to: ["yellow", "red", "green"]
56. styleColorLegends (B)
57. styleColorGridline (A)
More Details | Set gridline value to: yellow
58. styleColorGridline (B)
More Details | Set gridline value to: #f59351
59. styleColorSelectorsChart (A)
More Details | Set palette to: ["yellow", "red", "green"]
60. styleColorSelectorsChart (B)
More Details | Set palette to: ["#f59351", "#c9504a", "#12514c"]
61. styleColorSelectorsText (A)
More Details | Set font color of selection and others to: ["grey", "lightgrey"]
62. styleColorSelectorsText (B)
More Details | Set font color of selection and others to: ["#f59351", "#a6b797"]
63. styleFontSizeText (A)
More Details | Set default font size to: 20
64. styleFontSizeText (B)
More Details | Set default font size to: 5