C3: рдмрд╛рд░ рдЪрд╛рд░реНрдЯ / рд▓рд╛рдЗрди рдЪрд╛рд░реНрдЯ рдХреА рдШрдЯрдирд╛ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 22 рдордИ 2014  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: c3js/c3

"рдСрдирдХреНрд▓рд┐рдХ" (рдпрд╛ рдорд╛рдЙрд╕рдУрд╡рд░ / рдорд╛рдЙрд╕рдЖрдЙрдЯ) рдШрдЯрдирд╛рдУрдВ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдбреЛрдирдЯ рдЪрд╛рд░реНрдЯ рдХреЗ рд▓рд┐рдП рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬреИрд╕рд╛ рдХрд┐ рдЗрд╕ рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рджреЗрдЦрд╛ рдЧрдпрд╛ рд╣реИ:
http://c3js.org/samples/chart_donut.html
рдореИрдВрдиреЗ рдмрд╛рд░ рдЪрд╛рд░реНрдЯ рдпрд╛ рд▓рд╛рдЗрди рдЪрд╛рд░реНрдЯ рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рд╢рд╛рдорд┐рд▓ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреАред рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рдХреНрдпрд╛ рдпреЗ рдИрд╡реЗрдВрдЯ рдХреЗрд╡рд▓ рдбреЛрдирдЯ рдЪрд╛рд░реНрдЯ рдХреЗ рд▓рд┐рдП рд╣реИрдВ рдпрд╛ рдХреНрдпрд╛ рдХреЛрдИ рдЕрдиреНрдп рд╕рдВрднрд╡ рддрд░реАрдХрд╛ рд╣реИ рдЬреЛ рдореИрдВ рдЗрди рдЪрд╛рд░реНрдЯреНрд╕ (рдмрд╛рд░, рд▓рд╛рдЗрди рдФрд░ рдЕрдиреНрдп) рдХреЗ рд▓рд┐рдП рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?

question resolved maybe

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдбреЙрдЯ рдХреЗ рдмрдЬрд╛рдп рд▓рд╛рдЗрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛?

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЖрдк рдбреЗрдЯрд╛ рд╕реЗрдХреНрд╢рди рдореЗрдВ рдПрдХ рдСрдиреНрдХреНрд▓рд┐рдХ рд╕реЗрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
рдпрд╣рд╛рдВ рдЖрдкрдХреЛ рдмрд╛рд░ рдФрд░ рд▓рд╛рдЗрди рдЪрд╛рд░реНрдЯ рдХреЗ рд▓рд┐рдП рдИрд╡реЗрдВрдЯ рдорд┐рд▓реЗрдЧрд╛ред рдЖрдкрдХреЛ рдЕрдкрдиреЗ рдХрд╛рд░реНрдп рдХреЗ рд▓рд┐рдП рд▓рдХреНрд╖рд┐рдд рд╡рд╕реНрддреБ рдорд┐рд▓ рдЬрд╛рдПрдЧреАред
рдпрд╣ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рдЖрдкрдХреЛ рдХреНрдпрд╛ рдорд┐рд▓ рд╕рдХрддрд╛ рд╣реИ, рдХрдВрд╕реЛрд▓ рдЦреЛрд▓реЗрдВ рдФрд░ рдХреЛрд╢рд┐рд╢ рдХрд░реЗрдВ

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ],
        onclick: function () { 
            console.log(arguments); 
        },
    }
});

рдпрд╣ рд╕рд╣реА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ! рд╕рд╛рднрд╛рд░: +1:

рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджреВрдВрдЧрд╛ред

рдбреЙрдЯ рдХреЗ рдмрдЬрд╛рдп рд▓рд╛рдЗрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Kreozot picture Kreozot  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

MarcusJT picture MarcusJT  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Zerim picture Zerim  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Saikat-Sinha picture Saikat-Sinha  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alantygel picture alantygel  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ