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