Reply to thread

Message: <blockquote data-quote="The_Killer" data-source="post: 21921304" data-attributes="member: 497820">කොලුවෝ... එක එක චාට් එක ලෝඩ් වෙන්නේ එක එක ඩිව් එකේ තියෙන unique ID එකටයි. තව එකක් ලෝඩ් කරගන්න ඕනා නම් මෙහෙමයි කරන්න ඕනා.[PHP]// Donut Chart  var donut = new Morris.Donut({    element  : 'sales-chart',    resize   : true,    colors   : ['#3c8dbc', '#f56954', '#00a65a'],    data     : [      { label: 'Download Sales', value: 12 },      { label: 'In-Store Sales', value: 30 },      { label: 'Mail-Order Sales', value: 20 }    ],    hideHover: 'auto'  });[/PHP]මේක ඇවිත් මෙන්න මේ HTML DIV එක යටතේ චාට් එක initialize වෙලා data load වෙන්න තියෙන code එක. දැන් ඔයාට ඒ වගේ තවත් එකක් ගන්න ඕනා නම් මේ විදියට කරන්න.[PHP][B]HTML[/B]Create new element: <div class="chart tab-pane" id="sales-chart-2" style="position: relative; height: 300px;"></div>Notice >> id="sales-chart-2"කලින් එකේ තිබ්බේ id="sales-chart" හරිද? දැන් මේක unique element එකක්. දැන් බලමු chart එක initialize කරලා data load කරන හැටි...[B]Inside dashboard.js[/B]var donut = new Morris.Donut({    element  : 'sales-chart-2',    resize   : true,    colors   : ['#3c8dbc', '#f56954', '#00a65a'],    data     : [      { label: 'Custom column 1', value: 20 },      { label: 'Custom column 2', value: 50 },      { label: 'Custom column 3', value: 70 }    ],    hideHover: 'auto'  }); $('.box ul.nav a').on('shown.bs.tab', function () {    area.redraw();    donut.redraw();    elakiridonut.redraw();    line.redraw();  }); [/PHP]දැන් පේනවා නේද ඒක දෙකක් කියලා..? ලස්සන ලෝඩ් වෙයි චාට් 2ක.මෙන්න output එක...<img src="http://i.imgur.com/EdE251T.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />>> <a href="https://jsfiddle.net/3nyptnvs/" target="_blank">jsFiddle Demo</a> <<</blockquote>

Verification: Dawasata paya keeyak thibeda?

Top Bottom