<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6930931478712058960</id><updated>2016-11-28T03:06:25.286-08:00</updated><category term="MySQL"/><category term="PHP"/><category term="Ruby"/><title type='text'>@Fly Café </title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://yinxidba.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6930931478712058960/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://yinxidba.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Yin Xi</name><uri>http://www.blogger.com/profile/11390973426942195604</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>3</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6930931478712058960.post-8199133799377359982</id><published>2016-11-27T22:40:00.000-08:00</published><updated>2016-11-27T22:40:23.440-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="MySQL"/><title type='text'>How does Error &#39;You cannot &#39;ALTER&#39; a log table if logging is enabled&#39; on query happen when running mysql_upgrade? and why?</title><content type='html'>&lt;blockquote class=&quot;tr_bq&quot;&gt;&lt;blockquote class=&quot;tr_bq&quot;&gt;Last_Error: Error &#39;You cannot &#39;ALTER&#39; a log table if logging is enabled&#39; on query. Default database: &#39;mysql&#39;. Query: &#39;ALTER&lt;/blockquote&gt;&lt;blockquote class=&quot;tr_bq&quot;&gt;TABLE slow_log ...&lt;/blockquote&gt;&lt;/blockquote&gt;Normally when you met above error is because you are running msyql_upgrade on master, subsequently the error happens on the slave.&lt;br /&gt;&lt;br /&gt;The solution is:&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;li&gt;&amp;nbsp;stop slave;&lt;/li&gt;&lt;li&gt;set global slow_query_log = &#39;OFF&#39;;&lt;/li&gt;&lt;li&gt;start slave;&lt;/li&gt;&lt;li&gt;set global&amp;nbsp;slow_query_log = &#39;ON&#39;;&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;div&gt;why does it happen?&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;When you run mysql_upgrade, it actually contains &#39;alter table&#39; sql:&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;ALTER TABLE general_log&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY event_time TIMESTAMP NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY user_host MEDIUMTEXT NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY thread_id INTEGER NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY server_id INTEGER UNSIGNED NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY command_type VARCHAR(64) NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY argument MEDIUMTEXT NOT NULL;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;ALTER TABLE slow_log&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY start_time TIMESTAMP NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY user_host MEDIUMTEXT NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY query_time TIME NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY lock_time TIME NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY rows_sent INTEGER NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY rows_examined INTEGER NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY db VARCHAR(512) NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY last_insert_id INTEGER NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY insert_id INTEGER NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY server_id INTEGER UNSIGNED NOT NULL,&lt;/div&gt;&lt;div&gt;&amp;nbsp; &amp;nbsp;MODIFY sql_text MEDIUMTEXT NOT NULL;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;Before running &quot;ALTER TABLE&quot;, mysql_upgrade run &quot;set global slow_query_log = &#39;OFF&#39;;&quot;, however, this will not be logged into binary log, subsequently &quot;ALTER TABLE&quot; sql are logged, so the slave run &quot;ALTER TABLE&quot; with slow_query_log=ON.&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://yinxidba.blogspot.com/feeds/8199133799377359982/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://yinxidba.blogspot.com/2016/11/how-does-error-you-cannot-alter-log.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6930931478712058960/posts/default/8199133799377359982'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6930931478712058960/posts/default/8199133799377359982'/><link rel='alternate' type='text/html' href='http://yinxidba.blogspot.com/2016/11/how-does-error-you-cannot-alter-log.html' title='How does Error &#39;You cannot &#39;ALTER&#39; a log table if logging is enabled&#39; on query happen when running mysql_upgrade? and why?'/><author><name>Yin Xi</name><uri>http://www.blogger.com/profile/11390973426942195604</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total><georss:featurename>South East Asia</georss:featurename><georss:point>-2.2179704 115.66282999999999</georss:point><georss:box>-56.2697424 33.045642499999985 51.8338016 -161.71998250000001</georss:box></entry><entry><id>tag:blogger.com,1999:blog-6930931478712058960.post-2198392972342627629</id><published>2012-10-27T22:14:00.001-07:00</published><updated>2012-10-27T22:19:44.649-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Ruby"/><title type='text'>How to Run Ruby on Mac?</title><content type='html'>1.First install Ruby on Mac&lt;br /&gt;&lt;br /&gt;Actually Ruby-1.8.7 is preinstalled on Mac OS X, so you no need to install.&lt;br /&gt;&lt;br /&gt;Just run $ruby -v in your mac Terminal to check your ruby version:&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://2.bp.blogspot.com/-hjO6_D1Y43Q/UIy_PB3K2yI/AAAAAAAAADI/JFzp0YN6-Go/s1600/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7+2012-10-28+01.05.50+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;416&quot; src=&quot;http://2.bp.blogspot.com/-hjO6_D1Y43Q/UIy_PB3K2yI/AAAAAAAAADI/JFzp0YN6-Go/s640/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7+2012-10-28+01.05.50+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;2.Edit your ruby program file&lt;br /&gt;&lt;br /&gt;You can use Textwrangler to edit, save your program file with .rb postfix &lt;br /&gt;For example you create a file rubytest.rb under directory Document.&lt;br /&gt;Inside rubytest.rb only include one line&lt;br /&gt;&lt;br /&gt;puts &lt;span style=&quot;color: red;&quot;&gt;&quot;My first ruby program.&quot;&lt;/span&gt; &lt;br /&gt;&lt;br /&gt;Then on your Terminal, you can run&lt;br /&gt;&lt;br /&gt;$ruby Document/rubytest.rb&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://1.bp.blogspot.com/-3SOHV4uayaY/UIzAPV5C7QI/AAAAAAAAADQ/1SXaaCPqRnI/s1600/%25E5%25B1%258F%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-10-28+01.17.38+PM.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;298&quot; src=&quot;http://1.bp.blogspot.com/-3SOHV4uayaY/UIzAPV5C7QI/AAAAAAAAADQ/1SXaaCPqRnI/s640/%25E5%25B1%258F%25E5%25B9%2595%25E5%25BF%25AB%25E7%2585%25A7+2012-10-28+01.17.38+PM.png&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;That&#39;s it, very simple.&lt;br /&gt;&lt;br /&gt;&lt;span id=&quot;goog_1702171163&quot;&gt;&lt;/span&gt;&lt;span id=&quot;goog_1702171164&quot;&gt;&lt;/span&gt;&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://yinxidba.blogspot.com/feeds/2198392972342627629/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://yinxidba.blogspot.com/2012/10/how-to-run-ruby-on-mac.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6930931478712058960/posts/default/2198392972342627629'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6930931478712058960/posts/default/2198392972342627629'/><link rel='alternate' type='text/html' href='http://yinxidba.blogspot.com/2012/10/how-to-run-ruby-on-mac.html' title='How to Run Ruby on Mac?'/><author><name>Yin Xi</name><uri>http://www.blogger.com/profile/11390973426942195604</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-hjO6_D1Y43Q/UIy_PB3K2yI/AAAAAAAAADI/JFzp0YN6-Go/s72-c/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7+2012-10-28+01.05.50+PM.png" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6930931478712058960.post-7944727405230675726</id><published>2012-10-25T22:08:00.002-07:00</published><updated>2012-10-26T00:41:32.060-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="PHP"/><title type='text'>Using Highcharts with CodeIgniter| The easiest way to draw chart</title><content type='html'>&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;These days I&#39;m doing CodeIgniter project, need chart library. I tried pChart, chartdirector,Highcharts etc.&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-size: large;&quot;&gt;I have to say Highcharts is the easiest to use, other tools like pChart, chartdirector need to write a extra library in CodeIgniter to use them,it&#39;s not convenient, but Highcharts no need.&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Highcharts  is a charting library written in pure JavaScript, all you need is down load &lt;a href=&quot;http://www.highcharts.com/&quot; target=&quot;_blank&quot;&gt;Highcharts&lt;/a&gt; and &lt;a href=&quot;http://jquery.com/&quot; target=&quot;_blank&quot;&gt;jquery&lt;/a&gt; then put them into your CodeIgniter directory.&lt;/span&gt;&lt;br /&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style=&quot;font-size: large;&quot;&gt;How to use? Look at here: &lt;a href=&quot;http://www.highcharts.com/documentation/how-to-use&quot; target=&quot;_blank&quot;&gt;http://www.highcharts.com/documentation/how-to-use&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre&gt;&amp;lt;script src=&quot;/js/jquery.js&quot; type=&quot;text/javascript&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;script src=&quot;/js/highcharts.js&quot; type=&quot;text/javascript&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;pre&gt;&amp;nbsp;&lt;/pre&gt;&lt;pre&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;&lt;/pre&gt;&lt;pre&gt;&amp;nbsp;var chart1; // globally available&lt;br /&gt;jQuery(document).ready(function() {&lt;br /&gt;&lt;br /&gt;        chart = new Highcharts.Chart({&lt;br /&gt;            chart: {&lt;br /&gt;                renderTo: &#39;container&#39;&lt;br /&gt;            },&lt;br /&gt;            title: {&lt;br /&gt;                text: &#39;Combination chart&#39;&lt;br /&gt;            },&lt;br /&gt;            xAxis: {&lt;br /&gt;                categories: [&#39;Apples&#39;, &#39;Oranges&#39;, &#39;Pears&#39;, &#39;Bananas&#39;, &#39;Plums&#39;]&lt;br /&gt;            },&lt;br /&gt;            tooltip: {&lt;br /&gt;                formatter: function() {&lt;br /&gt;                    var s;&lt;br /&gt;                    if (this.point.name) { // the pie chart&lt;br /&gt;                        s = &#39;&#39;+&lt;br /&gt;                            this.point.name +&#39;: &#39;+ this.y +&#39; fruits&#39;;&lt;br /&gt;                    } else {&lt;br /&gt;                        s = &#39;&#39;+&lt;br /&gt;                            this.x  +&#39;: &#39;+ this.y;&lt;br /&gt;                    }&lt;br /&gt;                    return s;&lt;br /&gt;                }&lt;br /&gt;            },&lt;br /&gt;            labels: {&lt;br /&gt;                items: [{&lt;br /&gt;                    html: &#39;Total fruit consumption&#39;,&lt;br /&gt;                    style: {&lt;br /&gt;                        left: &#39;40px&#39;,&lt;br /&gt;                        top: &#39;8px&#39;,&lt;br /&gt;                        color: &#39;black&#39;&lt;br /&gt;                    }&lt;br /&gt;                }]&lt;br /&gt;            },&lt;br /&gt;            series: [{&lt;br /&gt;                type: &#39;column&#39;,&lt;br /&gt;                name: &#39;Jane&#39;,&lt;br /&gt;                data: [3, 2, 1, 3, 4]&lt;br /&gt;            }, {&lt;br /&gt;                type: &#39;column&#39;,&lt;br /&gt;                name: &#39;John&#39;,&lt;br /&gt;                data: [2, 3, 5, 7, 6]&lt;br /&gt;            }, {&lt;br /&gt;                type: &#39;column&#39;,&lt;br /&gt;                name: &#39;Joe&#39;,&lt;br /&gt;                data: [4, 3, 3, 9, 0]&lt;br /&gt;            }, {&lt;br /&gt;                type: &#39;spline&#39;,&lt;br /&gt;                name: &#39;Average&#39;,&lt;br /&gt;                data: [3, 2.67, 3, 6.33, 3.33],&lt;br /&gt;                marker: {&lt;br /&gt;                 lineWidth: 2,&lt;br /&gt;                 lineColor: Highcharts.getOptions().colors[3],&lt;br /&gt;                 fillColor: &#39;white&#39;&lt;br /&gt;                }&lt;br /&gt;            }, {&lt;br /&gt;                type: &#39;pie&#39;,&lt;br /&gt;                name: &#39;Total consumption&#39;,&lt;br /&gt;                data: [{&lt;br /&gt;                    name: &#39;Jane&#39;,&lt;br /&gt;                    y: 13,&lt;br /&gt;                    color: &#39;#4572A7&#39; // Jane&#39;s color&lt;br /&gt;                }, {&lt;br /&gt;                    name: &#39;John&#39;,&lt;br /&gt;                    y: 23,&lt;br /&gt;                    color: &#39;#AA4643&#39; // John&#39;s color&lt;br /&gt;                }, {&lt;br /&gt;                    name: &#39;Joe&#39;,&lt;br /&gt;                    y: 19,&lt;br /&gt;                    color: &#39;#89A54E&#39; // Joe&#39;s color&lt;br /&gt;                }],&lt;br /&gt;                center: [100, 80],&lt;br /&gt;                size: 100,&lt;br /&gt;                showInLegend: false,&lt;br /&gt;                dataLabels: {&lt;br /&gt;                    enabled: false&lt;br /&gt;                }&lt;br /&gt;            }]&lt;br /&gt;        });&lt;br /&gt;    });&lt;/pre&gt;&lt;pre&gt;&lt;/pre&gt;&lt;pre&gt;&amp;lt;/script&amp;gt;&amp;nbsp;&lt;/pre&gt;&lt;pre&gt;&amp;nbsp;&lt;/pre&gt;&lt;pre&gt;&amp;lt;div id=&quot;&lt;span style=&quot;color: red;&quot;&gt;chartcontainer&lt;/span&gt;&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;/pre&gt;&lt;pre&gt;&amp;nbsp;&lt;/pre&gt;&lt;pre&gt;&amp;nbsp;&lt;/pre&gt;&lt;pre&gt;&lt;span style=&quot;font-size: large;&quot;&gt;The above script will draw a combination of column line pie chart like bellow.&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;/pre&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;pre&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/pre&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;283&quot; src=&quot;http://1.bp.blogspot.com/-q8m24MOFUJU/UIo515Ar5QI/AAAAAAAAAC4/ARtSMDbAOOA/s1600/Snip20121026_2.png&quot; style=&quot;cursor: move;&quot; width=&quot;640&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;pre&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;span style=&quot;font-size: large;&quot;&gt;Highcharts got a lot of demo which is very convenient for you to draw a chart, check&lt;/span&gt;&lt;/pre&gt;&lt;pre&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;https://www.blogger.com/blogger.g?blogID=6930931478712058960&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://4.bp.blogspot.com/-CQ55IQNzspI/UIodqXJkmBI/AAAAAAAAACo/8obLtZ_ExR4/s1600/Snip20121026_2.png&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;span style=&quot;font-size: large;&quot;&gt;&amp;nbsp;out here &lt;a href=&quot;http://www.highcharts.com/demo/&quot; target=&quot;_blank&quot;&gt;http://www.highcharts.com/demo/&lt;/a&gt;&lt;/span&gt;&lt;/pre&gt;&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;&lt;/div&gt;&lt;pre&gt;&amp;nbsp;&lt;/pre&gt;</content><link rel='replies' type='application/atom+xml' href='http://yinxidba.blogspot.com/feeds/7944727405230675726/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://yinxidba.blogspot.com/2012/10/using-highcharts-with-codeigniter.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6930931478712058960/posts/default/7944727405230675726'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6930931478712058960/posts/default/7944727405230675726'/><link rel='alternate' type='text/html' href='http://yinxidba.blogspot.com/2012/10/using-highcharts-with-codeigniter.html' title='Using Highcharts with CodeIgniter| The easiest way to draw chart'/><author><name>Yin Xi</name><uri>http://www.blogger.com/profile/11390973426942195604</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-q8m24MOFUJU/UIo515Ar5QI/AAAAAAAAAC4/ARtSMDbAOOA/s72-c/Snip20121026_2.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>