Databases
StackOverflow2013
Postsdbo
POTrying to Implement a chart using JChartFX and JQUERY
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTrying to Implement a chart using JChartFX and JQUERY
    text
    copied!<p>When I use the following code nothing shows up on my screen. Not sure if I'm missing something or using the wrong version of JQUERY. I'm using the latest version of JChartFX and I am trying to conficure the 3d Chart </p> <pre><code>&lt;!DOCTYPE HTML&gt; &lt;html lang="en-US"&gt; &lt;!--&lt;![endif]--&gt; &lt;head&gt; &lt;title&gt;Graph Example &lt;/title&gt; &lt;style type="text/css"&gt; #targetchart { width: 500px; height: 375px; padding: 4px; border: 1px solid #dddddd; background: #eeeeee } #targetchart h3 { text-align: center; margin: 0; } &lt;/style&gt; &lt;link href="jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" media="screen" /&gt; &lt;link href="css/confirm.css" rel="stylesheet" type="text/css" media="screen" /&gt; &lt;script type="text/javascript" src="jquery-1.9.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jchartfx.advanced.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jchartfx.system.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jchartfx.coreVector.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jchartfx.coreVector3d.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; var chart1;$(document).ready(function ($) { var items = [ { "Sales": 2200, "Month": "Jan" }, { "Sales": 1500, "Month": "Feb" }, { "Sales": 2100, "Month": "Mar" }, { "Sales": 2600, "Month": "Apr" }, { "Sales": 3200, "Month": "May" }, { "Sales": 3600, "Month": "Jun" }, ]; $("div", "ChartDiv1").chart({ gallery: cfx.Gallery.Bar, view3D: { enabled: true, rotated: true, angleX: 30, angleY: -20, boxThickness: 10, depth: 160, shadow: cfx.Shadow.fixed }, dataValues:items, titles: [{ text: "Configuring 3D Charts" }] }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="ChartDiv1" style="width:500px;height:375px;display:inline-block"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload