Solved

C3-->D3 Line Chart

Posted on 2016-11-13
4
43 Views
Last Modified: 2016-11-14
I'm trying to figure out how to call a C3 line chart like it's done below:
http://c3js.org/samples/simple_multiple.html

Here's what I have in jsfiddle:
https://jsfiddle.net/isogunro/m2cnpq7m/

Any help would be much appreciated.

Thanks!
0
Comment
Question by:Isaac
  • 2
  • 2
4 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 41885780
replace your jQuery version, use 1.11.0 not the 3.0 which have too much differences.
Test page : https://jsfiddle.net/o4tq165m/

Also I used the same d3 version :
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js
0
 
LVL 5

Author Comment

by:Isaac
ID: 41886147
Hi,

I loaded the necessary files but, it still does not work for me.
https://jsfiddle.net/isogunro/m2cnpq7m/2/

Also, where did you get all the CSS from?
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 41886208
you're still using jQuery 3.1.1
for the CSS, I got the content by open the link from their page : https://c3js.org/css/c3-b03125fa.css

jQuery 3.1.1Clipboard02.jpg
0
 
LVL 5

Author Closing Comment

by:Isaac
ID: 41886510
Awesome! Thanks!
1

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Java Script Error encountered while loading a page, IBM Lotus Notes 6 23
Jquery 10 20
JS does not refresh 6 21
Add shadow behind div 5 14
Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

821 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