FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

JavaScript-Chart-Samples/src/CustomData.html at master · MindFusionComponents/JavaScript-Chart-Samples · GitHub

52 lines (51 loc) · 1.79 KB

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>MindFusion Charting Sample - Operational Efficiency Redesign</title>

<link href="common/samples.css" rel="stylesheet" />

<script type="text/javascript" src="common/samples.js"></script>

</head>

<body>

<input type="hidden" id="collapsed" />

<div id="header">

<div style="float: left; margin-left: 5px;">

<a href="index.html" style="margin-left: 10px;">Index</a>

</div>

<div style="float: right; margin-right: 5px;">

<a href="CustomData.js" style="margin-right: 10px;">View source</a>

<button id="expandButton" onclick="onExpandCollapse()">

&rsaquo;

</button>

</div>

</div>

<div id="info">

<div id="infoTab" style="padding: 10px;">

<h1>

Operational Efficiency Analysis

</h1>

<p id="pinfo">

This sample demonstrates how to bind the chart to custom business objects.

In this scenario, we track office branches, mapping employee headcount, monthly costs,

and overall efficiency scores into a multi-dimensional Bubble Chart.

</p>

</div>

</div>

<div id="content">

<div style="position: absolute; left: 20px; top: 20px; bottom: 20px; right: 20px;">

<canvas id="chart" style="width: 100%; height: 100%; display: block;">

</canvas>

</div>

</div>

<div id="footer">

<span id="copyright"></span>

</div>

<script src="Scripts/drawing.js" type="text/javascript"></script>

<script src="Scripts/controls.js" type="text/javascript"></script>

<script src="Scripts/common.js" type="text/javascript"></script>

<script src="Scripts/common-collections.js" type="text/javascript"></script>

<script src="Scripts/charting.js" type="text/javascript"></script>

<script type="text/javascript" src="Branch.js"></script>

<script type="text/javascript" src="CustomData.js"></script>

</body>

</html>

Back | FazBrowse Home | New Git URL