ZinoUI PHP Server wrappers

5,920 views

Published on

Basic tutorial how to use ZinoUI PHP Server wrappers.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,920
On SlideShare
0
From Embeds
0
Number of Embeds
2,269
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ZinoUI PHP Server wrappers

  1. 1. ZinoUI PHP Server wrappers
  2. 2. ● You prefer PHP coding rather than Javascript ● Use alongside with top PHP frameworks ● Use in any PHP application or document Why ZinoUI PHP Server wrappers ?
  3. 3. <link rel="stylesheet" href="zino.all.css" /> <script src="jquery.min.js"></script> <script src="zino.svg.js"></script> <script src="zino.chart.js"></script> <?php include_once 'Zino_Loader.php'; $api = Zino_Loader::register("Chart", "area") ->setType("area") ->setHeight(255) ->setWidth(431) ->setLegend(false) ->setSeries(array( array('Year', 'NY Knicks', 'Miami Heat', 'LA Clippers'), array(2007, 1, 3, 4), array(2008, 3, 5, 1), array(2009, 5, 4, 3), array(2010, 2, 5, 6), array(2011, 4, 6, 5), array(2012, 6, 5, 3) )) ->render(); ?>
  4. 4. This will produce next html source:
  5. 5. <link rel="stylesheet" href="../../../themes/silver/zino.all.css" /> <script src="../../../../../jquery/jquery.min.js"></script> <script src="../../../js/zino.svg.js"></script> <script src="../../../js/zino.chart.js"></script> <div id="area"></div> <script type="text/javascript"> $(function () { $("#area").zinoChart({ type: "area", legend: false, tooltip: true, series: [ ["Year","NY Knicks","Miami Heat","LA Clippers"], [2007,1,3,4],[2008,3,5,1], [2009,5,4,3],[2010,2,5,6], [2011,4,6,5],[2012,6,5,3] ], fontFamily: "Arial", fontSize: "12px", radius: 75, innerRadius: 50, lineRowColor: "#ccc", textColor: "#444", height: 255, width: 431 }); }); </script>
  6. 6. The result is:

×