Just Testing

This example shows a way to show target lines in a bar chart, by use of its second plot, of type point.

In the second plot, the dot's shape is changed to bar, and then it is rotated, making it look like target lines.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
  <title>Bar chart with Target Lines Series</title>
  <meta charset=utf-8 />
​
  <!-- BEG CCC2 Includes -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script src="https://www.webdetails.pt/ctools/charts/lib/jquery.tipsy.js"></script>
​
  <script src="https://cdnjs.cloudflare.com/ajax/libs/protovis/3.3.1/protovis.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/protovis/3.3.1/protovis.min.js"></script>
​
  <script src="https://www.webdetails.pt/ctools/charts/lib/tipsy.js"></script>
  <link   href="https://www.webdetails.pt/ctools/charts/lib/tipsy.css" rel="stylesheet" />
​
  <script src="https://www.webdetails.pt/ctools/charts/lib/def.js"></script>
  <script src="https://www.webdetails.pt/ctools/charts/lib/pvc-r2.0.js"></script>
  <!-- END CCC2 Includes -->
</head>
<body>
  <div id="cccExample" />
  <script src="data.js"></script>
  <script src="chart.js"></script>
</body>
</html>
    

Modified http://www.webdetails.pt/ctools/charts/lib/jquery.tipsy.js to a secure url

Modified http://www.webdetails.pt/ctools/charts/lib/protovis.js to a secure url

Modified http://www.webdetails.pt/ctools/charts/lib/protovis-msie.js to a secure url

Modified http://www.webdetails.pt/ctools/charts/lib/tipsy.js to a secure url

Modified http://www.webdetails.pt/ctools/charts/lib/def.js to a secure url

Modified http://www.webdetails.pt/ctools/charts/lib/pvc-r2.0.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

https://www.webdetails.pt/ctools/charts/lib/jquery.tipsy.js

https://www.webdetails.pt/ctools/charts/lib/protovis.js

https://www.webdetails.pt/ctools/charts/lib/protovis-msie.js

https://www.webdetails.pt/ctools/charts/lib/tipsy.js

https://www.webdetails.pt/ctools/charts/lib/def.js

https://www.webdetails.pt/ctools/charts/lib/pvc-r2.0.js