Solved

Making value of bar chart clickable

Posted on 2015-02-02
3
68 Views
Last Modified: 2015-02-19
Is it possible to make the values of the jqplot bars clickable?

bar chart
Here's the chart
http://isaac.issharepoint.com/practice/Web%20Part%20Pages/punctualityChart.aspx
0
Comment
Question by:Isaac
3 Comments
 
LVL 27

Expert Comment

by:Sammy
ID: 40584231
A clickable bar chart can be found on jqplot demo site http://www.jqplot.com/deploy/dist/examples/barTest.html
0
 
LVL 5

Author Comment

by:Isaac
ID: 40584288
I'm not talking of the bar chart but the value above the bar.  Can that be clickable?
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 40584786
It appears to be part of the canvas, in which case the trigger would have to be in the canvas scripting.  However the page has so many problems starting with an XHTML doctype for a page using canvas which is HTML5.  Then there are the errors reported by the validator:
http://validator.w3.org/check?uri=http%3A%2F%2Fisaac.issharepoint.com%2Fpractice%2FWeb%2520Part%2520Pages%2FpunctualityChart.aspx&charset=%28detect+automatically%29&doctype=Inline&group=0

97 errors is far too many and some of them refer to serious structural issues like duplicate ID values.  If with everything fixed there is still a problem because there are inline style attributes and the excessive scripting may be making style modifications dirctly in the Document Object.

You could take the values of the canvas and put them in links positioned absolutely but there might still be an issue of the scripting overriding the style values by writing the values inline.

Cd&
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

792 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question