Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 31 2019 22:56
    hieroglyph1 starred c3js/c3
  • Jan 31 2019 04:41
    paulcarroll starred c3js/c3
  • Jan 31 2019 01:24
    morukutsu starred c3js/c3
  • Jan 30 2019 20:54
    ebk13579 starred c3js/c3
  • Jan 30 2019 20:51
    stanzani starred c3js/c3
  • Jan 30 2019 18:02
  • Jan 30 2019 17:32
  • Jan 29 2019 22:08
    michaelreynolds starred c3js/c3
  • Jan 29 2019 21:00
    mikeringrose starred c3js/c3
  • Jan 29 2019 17:06
    mullerzs commented #2357
  • Jan 29 2019 07:40
    whbjob starred c3js/c3
  • Jan 29 2019 05:28

    kt3k on gh-pages

    Deploy c3js/c3 to github.com/c3… (compare)

  • Jan 29 2019 05:25

    kt3k on master

    Typo fix (#2568) (compare)

  • Jan 29 2019 05:25
    kt3k closed #2568
  • Jan 29 2019 01:38
    hiro-info starred c3js/c3
  • Jan 28 2019 16:32
    codecov-io commented #2568
  • Jan 28 2019 16:32
    codecov-io commented #2568
  • Jan 28 2019 16:29
    codecov-io commented #2568
  • Jan 28 2019 16:29
    codecov-io commented #2568
  • Jan 28 2019 16:27
    Salsao opened #2568
Igal Alkon
@alkavan
I would check the data maybe... and also playing with selection settings although I did and it changed nothing for default case.
but if you find no issue with data, perhaps try creating an issue on github.
The following setup seems to work fine (less data):
var chart = c3.generate({

  "data": {
    "x": "x",
    "columns": [
      ["Data 1",
  49,
  13,
  1,
  32,
  39,
  43,
  46,
  22,
  45,
  41,
  26,
  33
],
     ["Data 2",
  10,
  33,
  34,
  21,
  23,
  49,
  46,
  41,
  15,
  38,
  11,
  32
],
      [
        "x",
        "2013-01-01",
        "2013-02-01",
        "2013-03-01",
        "2013-04-01",
        "2013-05-01",
        "2013-06-01",
        "2013-07-01",
        "2013-08-01",
        "2013-09-01",
        "2013-10-01",
        "2013-11-01",
        "2013-12-01"
      ]
    ],
    "type": "area",
    "selection": {
      "grouped": true    ,
      "enabled": true,
      "multiple": true,
      "draggable": true
    },
    "axes": {}
  },
  "axis": {
    "x": {
      "show": true,
      "type": "timeseries",
      "tick": {
        "rotate": 0,
        "format": "%b %Y",
        "fit": false,
        "culling": {
          "max": 24
        }
      }
    },
    "y": {
      "label": {
        "text": "Revenue",
        "position": "outer-middle"
      },
      "tick": {}
    }
  },
  "legend": {
    "show": true
  },
  "grid": {
    "x": {
      "show": true
    },
    "y": {
      "show": true
    }
  },
  "tooltip": {
    "show": true,
    "format": {}
  }


})
Venkata Sandeep
@dhvsandeep
@alkavan, there is no problem with minimal values, timeseries data is always in large sets, and i’ve raised issue in github also #1999 , this problem raises for timeseries chart only
Igal Alkon
@alkavan
@dhvsandeep Okay, I subscribed to it. It's strange cause we are too using timeseries, with multiple data series, something like 30-500 points, and never we had the issue.
Joe Sweeney
@jswny
Is it possible to to have a bar graph with a single group?
I dont want multiple groups I want a regular bar graph
Oshadha Gunawardena
@RockyRx
Hello everyone,
How do I make legend points circle rather than square ?
Found this example but it's confusing
Michael Rodov
@michaelrodov
@RockyRx Its all in CSS. if you want to use the default tooltip and just make it round you need to find teh css that is assigned to the default tooltip and add border_radius: xx
@RockyRx if you want to have a completely customer html you can return it as part of the .tooltip property
Michael Rodov
@michaelrodov
@RockyRx tooltip: {
show: true,
contents: function (points, f1, f2, colors) {
var html = '<div class="tooltip-date">';
html += '<div class="date">' + dateString + '</div>';
html += '<div class="wseparator"><hr class="separator"></div>';
html += '<div class="content-wrapper">' + valuesListHtml + '</div>';
                        return html;
                    }
                }
Oshadha Gunawardena
@RockyRx
@michaelrodov Thanks for the details. But I managed achieve this with pure HTML and CSS. Since it my requirement didn't expect any interactions with the legend it was all good. :)
Michael Rodov
@michaelrodov
pure css + html was my suggestion. glad u made it
NLV
@nlvraghavendra
Hi. I'm building a timeseries chart. The chart is showing only alternate x axis labels. Is it possible to show values for all X axis points?
Please ignore the above fiddle.
Alexey Okhrimenko
@obenjiro
@michaelrodov can force tooltip to slide between values? for example I have two points on a line chart, can I show tooltip for a value in between?
Andrej Rapoport
@arapoport
Hi! How do I get rid of an excess tick on an axis? I set the range max to 100 but it still appends a 110 tick: https://jsfiddle.net/twn1539b/
max: 91 would do the job :-) but I want the code to be semantically correct...
Anirban Bera
@AnBera

HI! I am trying to replicate the exact behavior on the click of any data-point in a C3 chart (refer this plunk https://plnkr.co/edit/hx16Fb3qrEs8eFobvPeN?p=preview ) without writing any custom event handler in onclick property. i.e I don't want to override onclick and don't want to use d3.selectAll.

Can I replicate the same behavior using data.selection properties (or any available properties) and overriding the css classes? somewhat similar approach taken in this fiddle http://jsfiddle.net/AnirbanBera/utzp8mwr/

Anshuman Aggarwal
@eskhool
Any ideas on using c3 with a virtual dom library such as snabbdom...since SVG is basically in the DOM itself
user2301
@user2301
Hello ALl
I am accessing REST API URL in my c3 chart. The data is in JSON format : [{"ID":"000008","time":1495030312895,"col1":72.2,"col2":54.3,"col3":5.6},{"ID":"000008","time":1495030318484,"col1":16.2,"col2":54.3,"col3":0.4},{"ID":"000008","time":1495030323895,"col1":21.1,"col2":54.2,"col3":1.1},{"ID":"000008","time":1495030329683,"col1":75.7,"col2":54.3,"col3":0.7},{"ID":"000008","time":1495030335086,"col1":18.4,"col2":54.3,"col3":0.4},
I want to display timeseries chart with multiple lines . On x-axis: "time" , and each line for "col1","col2" and "col3". How can I achieve this?
user2301
@user2301
user2301
@user2301
Hi...How can I Dynamically keep updating the chart for every 5 min?
user2301
@user2301
I am generating chart using c3. I am accessing Rest API in the c3 chart to load the JSON data. I referred this example http://c3js.org/samples/data_load.html I am trying to load the chart dynamically using load function which gives me Runtime Error this.chart.load is not a function
Isaac Bitrus
@ellipizle
hello pple
vladimirze
@vladimirze
Hello. Is there a way I can control which of the points are hidden/shown, for instance based on some condition? point.show is all or nothing.
I imagine something like this would be nice:
points: {
    show: function(d) {
        if (<condition>) { return true; }
        return false;
    }
}
Randall Gonzalez
@Ranguro
Hi guys
How can I set two or more legends with the same name in c3?
if I set two with the same name, it will just create one bar.
Hans Jakob Emmel
@hjemmel
Hi Guys, I am running the C3 testes but some of them are failing. Is that normal or am I doing something wrong ?
@Ranguro I did not test it but you could set the same name for them, take a look at: http://c3js.org/samples/data_name.html
Yoshiya Hinosawa
@kt3k
@hjemmel how many failures do you see? Do you use windows or mac?
Currently master's npm test passes on my local mac.
If you see many failures, probably something's wrong about settings. If you see a little errors about asserted values, it could be compatibility issues of platforms/browsers.
Hans Jakob Emmel
@hjemmel

hey @kt3k I am using mac but the last update from branch master solved the problem here, now all the 277 are passing :smile:

Thanks for the answer :+1:

Yoshiya Hinosawa
@kt3k
:+1:
baroncurtin2
@baroncurtin2
hi, is there a way to create a custom order for the tooltip?
GoekhanOezen
@GoekhanOezen
hi, i rebased my pull request. But some of the test are failing. everytime i run the test different tests are failing but in the same spec. I couldnt figure it out can someone help me? https://github.com/c3js/c3/pull/1355#issuecomment-157173302
Shivani Gupta
@shivanii72_twitter
hi! i was wondering if there was a way to add a font to the title of a line chart? i tried googling a lot but i honestly didnt find anything besides doing that for a donut chart using the c3-chart-arcs-title. i tried doing the following in my c3.css file to make it work but they didnt work :(
.c3-lines-title text{
    font-family: 'OptimistLt';
}

.c3-line-title text{
    font-family: 'OptimistLt';
}

.c3-line-title {
    font-family: 'OptimistLt';
}
William Nordmann
@wnordmann
How do I edit the title in the center of the donut chart or gauge chart
Shivani Gupta
@shivanii72_twitter
@wnordmann
.c3-chart-arcs-title { font-family: '...'; }
in your c3.css file
GoekhanOezen
@GoekhanOezen