score:7
As we discussed in chat, there were a few missing pieces.
- You needed a local copy of the Highcharts library
- You needed to reference your script that calls the library from the correct place.
So, in short, you needed this in your layout:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/javascripts/js/highcharts.js" type="text/javascript"></script> <!--where you put the high charts library -->
<script src="/highcharts.js" type="text/javascript"></script> <!-- your script -->
Now going forward (assuming you are working w/ rails 3.1+), I'd suggest moving your javascripts to a more conventional location. In 3.1, rails likes to see it in app/assets/javascripts
but public/javascripts
is still fine, just not exactly conventional.
You will get a lot of milage by understanding the rails helpers to insert script tags and the Asset Pipeline.
Good luck!
score:1
The problem is in the first line of source that is var charts;
remove it and you are done.
score:1
There is an issue with the Chart keyword. Please change like
new Highcharts.Chart({ Chart is with small c
Source: stackoverflow.com
Related Query
- Having trouble just getting the Highchart to show
- Having trouble to show highchart for each element
- Highchart - show / hide an y-Axis without hiding the series
- Getting the complete XML source out of an XML DOM object
- Why won't the legend in my highchart show values?
- How to make two charts using highchart show up in the same line side by side using div
- $.getJSON is not getting the values to show as a line graph
- Highchart sankey- Show multiple entries having same name independently
- Highchart x-axis show label after specific days no matter what is in the x-axis categories
- Strange character in the Highstock source code
- I need to show multiple axis, which is having constant values in the x-axis and dynamic values in y-axises
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- Is it possible to show the chart if the value of array bracket is null or empty in the HighChart
- Can't show the color in interactive highchart choropleth map
- Having trouble incrementing X axis by Month in Highchart
- Using an editable table with HighChart and having the chart refresh with change
- Highchart doesn't show the graph : error adding javascript array in series
- How to show all data in highchart when having less catgories?
- Highchart don't show line if Y.axis is the same
- How to show series dataLabels inside the Highchart pyramid in angular
- I am getting same highchart in pdf using jspdf when I am downloading the pdf with dynamic ids on click
- Show multiple Y axis stacked one upon the Other in Highchart Line type graph
- How to show the transition in highchart series graph without refreshing the html webpage?
- How can i show the count value as well as % on my highchart pie chart?
- Getting numbers on Y-axis to show up as percentages with code from a Highcharts code generator tool?
- I want to show all lines but just legend of one of them in highchart
- Printing a highchart to show data for all the points
- Datalabels is getting hidden outside the svg container in Sunburst Highchart
- Datapoints in Xrange highchart are not uniformly getting aligned to the center
- HighChart - Stacked Bar chart - To show dash line over the bar chart to the specific portion in the bar
More Query from same tag
- How do I modify the page I'm serving in node.js
- ColorAxis in percentage bar. Approach. Highcharts
- Cannot find name 'require'
- Vue Highcharts display graph for each user after routing
- express json object in highcharts
- How can highcharts linear scale or log scale button enabel and zoom in or out full page
- How to add PHP array to JS array in Highcharts
- Highcharts and NPM/Node
- Remove hidden points under the minimum
- Highcharts - Is it possible to display the my own text on the data-labels of line chart?
- Use different colors depending on the number of series - Highcharts
- Append the data values in Highcharts
- Highstocks, chart.series[0].data is empty in afterSetExtremes()
- Multiple columns on same series. Highchart
- Highcharts spline dataLabels overlapping
- Graph in popup and separate Div in Leaflet
- Drawing Bubble Chart by using npm highcharts with error #17
- How to import highcharts-more
- HighCharts - compare series with values instead of percentage
- Error Bars in High Charts: What to do when the x axis is divided into categories?
- Rally chart - column layout issues
- Highcharts showing nearest point causes flickering crosshair and strange order
- highcharts draw datetime a week earlier
- highcharts datetime data not working on column type, but working on line
- Ionic3 Highcharts-More import Error --JsAllow Not Set
- Loading 'theme' and 'exporting' module with Highcharts using Requirejs
- How to get my categories with date in xAxis?
- Store Highcharts in Javascript Function - How to?
- How to access outer scope variables within a click function in HighCharts
- HighStock: Tooltip ignores the localization