{"id":251,"date":"2014-11-07T14:58:59","date_gmt":"2014-11-07T05:58:59","guid":{"rendered":"http:\/\/www.fsquare.co.kr\/?p=251"},"modified":"2015-02-18T15:59:27","modified_gmt":"2015-02-18T06:59:27","slug":"extjs-chart-axis-title-style-%ec%a7%80%ec%a0%95","status":"publish","type":"post","link":"https:\/\/www.fsquare.co.kr\/?p=251","title":{"rendered":"ExtJs Chart Axis Title style \uc9c0\uc815"},"content":{"rendered":"<p>extjs 4.2.1 \ubc84\uc804\uc744 \uc774\uc6a9\ud558\uc5ec chart\ub97c \uad6c\ud604\ud558\ub358 \uc911 \ucd95(Axis)\uc758 \uc81c\ubaa9(Title)\uc774 \ub108\ubb34 \uc5b4\uc774\uc5c6\uc5b4(\ud06c\uae30\uc640 \ud3f0\ud2b8\uac00 \ud669\ub2f9\ud55c \uc218\uc900\uc774\ub2e4. \uc544\ub9c8 Arial Bold 18 Font\uc778 \ub4ef \ud558\ub2e4.) \uc5b4\ub5bb\uac8c \uc870\uc815\ud560 \uc218 \uc5c6\uc744\uae4c \uc774\ub9ac \uc800\ub9ac \uc54c\uc544\ubcf4\uc558\uc9c0\ub9cc \ubfb0\uc871\ud55c \ubc29\ubc95\uc740 \uc5c6\uc5c8\ub2e4.<\/p>\n<p style=\"text-align: center;\">Current Chart\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Desire<\/p>\n<p><a href=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_ugly.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-253\" src=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_ugly-300x198.png\" alt=\"chart_ugly\" width=\"300\" height=\"198\" srcset=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_ugly-300x198.png 300w, https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_ugly.png 350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\u00a0\u00a0<a href=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-256\" src=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good-300x194.png\" alt=\"chart_good\" width=\"300\" height=\"194\" srcset=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good-300x194.png 300w, https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good.png 353w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>google\uc744 \uba70\uce60\uc9f8 \ub4a4\uc84c\uc73c\ub098 \ud574\uacb0\ucc45\uc774\ub77c\uace0 \ub098\uc640 \uc788\ub294 \uac83\uc740 1. theme\ub97c \uc0c8\ub85c \uc9c0\uc815\ud574\uc11c \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\uacfc 2. style\uc744 \uc9c0\uc815\ud574\uc11c \ud574\uacb0\ud558\ub294 \ubc29\ubc95 \uc815\ub3c4\uac00 \ub098\uc640 \uc788\uc5c8\ub2e4.<\/p>\n<p>1. theme\ub97c \uc0c8\ub85c \uc9c0\uc815\ud574\uc11c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc740 \uc0c8\ub85c\uc6b4 chart theme\ub97c \uc9c0\uc815\ud558\uc5ec \uc0c8\ub85c\uc6b4 chart component\ub97c \ub9cc\ub4e4\uc5b4\uc11c \ud558\ub294 \ubc29\ubc95\uc774\ubbc0\ub85c \uc5ec\ub7ec\uac00\uc9c0\ub97c \uc190\ub300\uc57c \ud55c\ub2e4.<\/p>\n<pre>http:\/\/www.sencha.com\/forum\/showthread.php?220309-How-to-change-the-font-size-of-the-titles-of-axes-in-EXTJS-charts\r\n http:\/\/docs.sencha.com\/extjs\/4.1.3\/#!\/guide\/drawing_and_charting\r\n http:\/\/docs.sencha.com\/extjs\/4.0.7\/#\/guide\/drawing_and_charting<\/pre>\n<p>2. style\uc744 \uc9c0\uc815\ud558\ub294 \ubc29\ubc95<br \/>\nstyle\uc744 \uc9c0\uc815\ud558\ub294 \ubc29\ubc95\uc744 \uad8c\uc7a5\ud558\uac70\ub098 \ucd94\uce21\ud558\ub294 \ubb38\uc11c\ub4e4\uc774 \ub9ce\uc774 \uc788\uc5c8\uc73c\ub098 \ubaa8\ub450 \uc2e4\ud328&#8230;<br \/>\n\ub098\uc640 \uc788\ub294 \ubc29\ubc95\uc740 css style \ud30c\uc77c\uc744 \uc190\ub300\uac70\ub098, hthml \ubb38\uc11c\uc548\uc5d0\uc11c \uc120\uc5b8\ud558\ub294 \ubc29\ubc95 \ub4f1\uc774 \uc788\uc5c8\uc73c\ub098 \ub2e4 \uc791\ub3d9\ub418\uc9c0 \uc54a\uc558\ub2e4.<\/p>\n<p>style\uc744 \uc9c0\uc815\ud574\uc11c \uc131\uacf5\ud55c\ub2e4\uace0 \ud558\ub354\ub77c\ub3c4 server side\uc5d0\uc11c php extjs \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ub9cc\ub4e4\uc5b4\uc11c \uc0ac\uc6a9\ud558\ub294 \uad6c\uc870\ub85c \ub9cc\ub4e4\uc5c8\uc73c\ubbc0\ub85c \ud654\uba74\uc5d0 \ub530\ub77c \uadf8\ub54c \uadf8\ub54c style\uc744 \uc9c0\uc815\ud574\uc11c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4\uba74 \uc544\ubb34\ub798\ub3c4 \ud655\uc7a5\uc131\uacfc \uc644\uc131\ub3c4\uac00 \ub5a8\uc5b4\uc9c4\ub2e4\ub294 \ud310\ub2e8\uc5d0 \uc18c\uc2a4\ub97c \uc9c1\uc811 \ud5e4\uc9d1\uace0 \ub514\ubc84\uae45\ud558\uc5ec \ucc3e\uc740 \uacb0\uacfc \uc801\uc808\ud55c \uc18d\uc131\uc744 \ucc3e\uc544\ub0c8\ub2e4. ( sencha api\uc5d0\ub294 \ub098\uc640\uc788\uc9c0 \uc54a\ub294 \ubc29\ubc95\uc774\ub2e4 )<\/p>\n<pre>xtype : 'chart'\r\n animate: true,\r\n shadow: false,\r\n store: chart_store,\r\n axes: [ {\r\n type: 'Numeric',\r\n position: 'left',\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;=\u00a0\uc88c\uce21 \ucd95(left axes)\uc774\ub2e4.\r\n fields:['field0'],\r\n <strong>axisTitleLeftStyle: {<\/strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;=\u00a0 \uc18d\uc131\uc774 axisTitleLeftStyle\uc774\ub2e4\r\n <strong> font: 'bold 13px Arial',<\/strong>\r\n <strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 rotate: { x: 0,<\/strong>\r\n <strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 y: 0,<\/strong>\r\n <strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 degrees: 270<\/strong> &lt;= left axis\ub294 270\ub3c4 \ud68c\uc804\ud558\uc5ec \uc138\ub85c\ub85c title\uc744 \ud45c\uc2dc(bottom\uc5d0\uc11c\ub294 \ud544\uc694\uc5c6\ub2e4)\r\n <strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/strong>\r\n <strong>\u00a0\u00a0\u00a0\u00a0 },<\/strong>\r\n title: 'Growth',\r\n grid: true\r\n }, {\r\n ...<\/pre>\n<p>\ub2f9\uc5f0\ud788 \uc544\ub7ab \ucd95 (bottom axes)\uc758 \uc18d\uc131\uc740 <strong>axisTitleBottomStyle<\/strong>\uc774\ub2e4.<\/p>\n<pre><strong>axisTitleBottomStyle: { <\/strong>\r\n <strong> font: 'bold 13px Verdana',<\/strong>\r\n <strong> fill: '#333'<\/strong>\r\n <strong> },<\/strong><\/pre>\n<p>\uacb0\uacfc\ub294 \uc544\ub798\uc640 \uac19\uc774 \uc131\uacf5\uc801\uc774\ub2e4.<\/p>\n<p><a href=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-256\" src=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good-300x194.png\" alt=\"chart_good\" width=\"300\" height=\"194\" srcset=\"https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good-300x194.png 300w, https:\/\/www.fsquare.co.kr\/wp-content\/uploads\/2014\/11\/chart_good.png 353w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>extjs 4.2.1 \ubc84\uc804\uc744 \uc774\uc6a9\ud558\uc5ec chart\ub97c \uad6c\ud604\ud558\ub358 \uc911 \ucd95(Axis)\uc758 \uc81c\ubaa9(Title)\uc774 \ub108\ubb34 \uc5b4\uc774\uc5c6\uc5b4(\ud06c\uae30\uc640 \ud3f0\ud2b8\uac00 \ud669\ub2f9\ud55c \uc218\uc900\uc774\ub2e4. \uc544\ub9c8 Arial Bold 18 Font\uc778 \ub4ef \ud558\ub2e4.) \uc5b4\ub5bb\uac8c \uc870\uc815\ud560 \uc218 \uc5c6\uc744\uae4c \uc774\ub9ac \uc800\ub9ac \uc54c\uc544\ubcf4\uc558\uc9c0\ub9cc \ubfb0\uc871\ud55c \ubc29\ubc95\uc740 \uc5c6\uc5c8\ub2e4. Current Chart\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Desire \u00a0\u00a0 google\uc744 \uba70\uce60\uc9f8 \ub4a4\uc84c\uc73c\ub098 \ud574\uacb0\ucc45\uc774\ub77c\uace0 \ub098\uc640 \uc788\ub294 \uac83\uc740 1. theme\ub97c \uc0c8\ub85c \uc9c0\uc815\ud574\uc11c \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\uacfc 2. style\uc744 \uc9c0\uc815\ud574\uc11c \ud574\uacb0\ud558\ub294 \ubc29\ubc95 \uc815\ub3c4\uac00 \ub098\uc640 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[],"class_list":["post-251","post","type-post","status-publish","format-standard","hentry","category-extjs","category-it"],"_links":{"self":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=251"}],"version-history":[{"count":7,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/251\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/251\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}