Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ZinoUI PHP Server wrappers

6,473 views

Published on

Basic tutorial how to use ZinoUI PHP Server wrappers.

Published in: Technology
  • Be the first to comment

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:

×