Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery noconflict() not working
    primarykey
    data
    text
    <p>The first script is not working, the second is.</p> <pre><code>&lt;script type="text/javascript"&gt; var pageHits = [30,60,22,5,60,88,102]; var rssHits = [33,45,121,23,55,35,77]; var xAxis = ['Jan 2009', 'Feb 2009', 'Mar 2009', 'Apr 2009', 'May 2009', 'June 2009', 'Jul 2009']; jQuery(function() { $.jqplot('chartDiv', [pageHits, rssHits], CreateLineChartOptions()); $('#barChartButton').click(function() { $('#chartDiv').html(''); $.jqplot('chartDiv', [pageHits, rssHits], CreateBarChartOptions()); }); $('#lineChartButton').click(function() { $('#chartDiv').html(''); $.jqplot('chartDiv', [pageHits, rssHits], CreateLineChartOptions()); }); $('#stackedBarChartButton').click(function() { $('#chartDiv').html(''); $.jqplot('chartDiv', [pageHits, rssHits], CreateStackedBarChartOptions()); }); }); function CreateLineChartOptions() { var optionsObj = { title: 'Blog Statistics', axes: { xaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: xAxis } }, series: [{label:'Page Hits'}, {label: 'RSS Hits'}], seriesDefaults:{ markerOptions:{ show: true, style: 'diamond' } }, legend: { show: true, location: 'nw' }, highlighter: { showTooltip: true, tooltipFade: true } }; return optionsObj; } function CreateBarChartOptions() { var optionsObj = { title: 'Blog Statistics', axes: { xaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: xAxis } }, series: [{label:'Page Hits'}, {label: 'RSS Hits'}], legend: { show: true, location: 'nw' }, seriesDefaults:{ shadow: true, renderer:$.jqplot.BarRenderer, rendererOptions:{ barPadding: 8, barMargin: 10 } }, highlighter: { showTooltip: true, tooltipFade: true } }; return optionsObj; } function CreateStackedBarChartOptions() { var optionsObj = { stackSeries: true, title: 'Blog Statistics', axes: { xaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: xAxis } }, series: [{label:'Page Hits'}, {label: 'RSS Hits'}], legend: { show: true, location: 'nw' }, seriesDefaults:{ shadow: true, renderer:$.jqplot.BarRenderer }, highlighter: { showTooltip: true, tooltipFade: true } }; return optionsObj; } &lt;/script&gt; &lt;script language="javascript"&gt; jQuery("#red").treeview({ animated: "fast", collapsed: true, control: "#treecontrol", } }); &lt;/script&gt; </code></pre> <p>The first script is for a collapsible tree and the second for a chart.. when executed separately the output is fine but when i try to implement both in one page, the tree is not produced properly but the chart is ok. </p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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