{"id":546,"date":"2017-05-06T19:21:37","date_gmt":"2017-05-06T16:21:37","guid":{"rendered":"http:\/\/fatihsoysal.com\/blog\/?p=546"},"modified":"2018-02-09T21:47:45","modified_gmt":"2018-02-09T19:47:45","slug":"google-chart-grafiklerini-responsive-yapalim","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/","title":{"rendered":"Google Chart Grafiklerini Responsive Yapal\u0131m"},"content":{"rendered":"

Merhaba de\u011ferli blog ziyaret\u00e7ilerim. Web tabanl\u0131 online raporlama ara\u00e7lar\u0131ndan (k\u00fct\u00fcphane de diyebiliriz) googleChart <\/a>developerlar\u0131n b\u00fcy\u00fck yard\u0131mc\u0131s\u0131.<\/p><\/blockquote>\n

Uzun zamand\u0131r da projelerde kullan\u0131r\u0131m, \u015fimdiye kadar google y\u00fcz\u00fcm\u00fc kara \u00e7\u0131kartmad\u0131 desem yeridir. Fakat google uzun zamand\u0131r grafiklerini responsive hale getirmedi malesef. Bunun i\u00e7in ufak bir \u00e7al\u0131\u015fma gerekiyor. Bu yaz\u0131mda sizlerle bu sorunu nas\u0131l \u00e7\u00f6zd\u00fc\u011f\u00fcm\u00fcz\u00fc g\u00f6rece\u011fiz.<\/p>\n

Bilmeyenler i\u00e7in,<\/strong> Google Charts<\/a>, web sitenize entegre edebilece\u011finiz bir grafik g\u00f6rselle\u015ftirme arac\u0131, etkile\u015fimli grafikler ve veri ara\u00e7lar\u0131 galerisi. K\u0131sacas\u0131 verilerinizi php<\/a>, json arac\u0131l\u0131\u011f\u0131yla googleChart’a veriyorsunuz, o da sizin verileriniz i\u00e7in g\u00fczel grafikler\u00a0olu\u015fturuyor.<\/p>\n

\"Google<\/a>
Google Chart Grafik \u00d6rnekleri – Resim 1<\/figcaption><\/figure>\n

Sorun<\/strong>: Google Chart<\/a> grafikleri ekstra herhangi bir \u00e7al\u0131\u015fma yap\u0131lad\u0131\u011f\u0131 taktirde responsive sistemlerin i\u00e7erisinde veya d\u0131\u015f\u0131nda responsive \u015fekilde \u00e7al\u0131\u015fm\u0131yor.<\/p>\n

\u00c7\u00f6z\u00fcm:\u00a0<\/strong>Beklendi\u011fi gibi responsive \u00e7al\u0131\u015fmas\u0131 i\u00e7in k\u00fc\u00e7\u00fck bir jquery kodu eklemeniz gerekecek. (A\u015fa\u011f\u0131daki gibi)<\/p>\n

$(window).resize(function(){\r\n\t  \tdrawChart1();\r\n\t  \tdrawChart2();\r\n});<\/pre>\n
Demo g\u00f6r\u00fcn\u00fcm\u00fc i\u00e7in buraya <\/a>u\u011frayabilirsiniz.<\/p>\n","protected":false},"excerpt":{"rendered":"Merhaba de\u011ferli blog ziyaret\u00e7ilerim. Web tabanl\u0131 online raporlama ara\u00e7lar\u0131ndan (k\u00fct\u00fcphane de diyebiliriz) googleChart developerlar\u0131n b\u00fcy\u00fck yard\u0131mc\u0131s\u0131. Uzun zamand\u0131r…","protected":false},"author":1,"featured_media":547,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129,10],"tags":[47,161,162,163],"class_list":{"0":"post-546","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript","8":"category-yazilim","9":"tag-fatihsoysal","10":"tag-google-chart-responsive","11":"tag-google-chart-responsive-yapimi","12":"tag-responsive-grafik","13":"cs-entry","14":"cs-video-wrap"},"yoast_head":"\nGoogle Chart Grafiklerini Responsive Yapal\u0131m - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Chart Grafiklerini Responsive Yapal\u0131m\" \/>\n<meta property=\"og:description\" content=\"Merhaba de\u011ferli blog ziyaret\u00e7ilerim. Web tabanl\u0131 online raporlama ara\u00e7lar\u0131ndan (k\u00fct\u00fcphane de diyebiliriz) googleChart developerlar\u0131n b\u00fcy\u00fck yard\u0131mc\u0131s\u0131. Uzun zamand\u0131r…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-06T16:21:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-09T19:47:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"695\" \/>\n\t<meta property=\"og:image:height\" content=\"328\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Google Chart Grafiklerini Responsive Yapal\u0131m\",\"datePublished\":\"2017-05-06T16:21:37+00:00\",\"dateModified\":\"2018-02-09T19:47:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/\"},\"wordCount\":196,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg\",\"keywords\":[\"fatihsoysal\",\"google chart responsive\",\"google chart responsive yap\u0131m\u0131\",\"responsive grafik\"],\"articleSection\":[\"Javascript\",\"Yaz\u0131l\u0131m\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#respond\"]}],\"copyrightYear\":\"2017\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/\",\"name\":\"Google Chart Grafiklerini Responsive Yapal\u0131m - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg\",\"datePublished\":\"2017-05-06T16:21:37+00:00\",\"dateModified\":\"2018-02-09T19:47:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg\",\"width\":695,\"height\":328},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Chart Grafiklerini Responsive Yapal\u0131m\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Google Chart Grafiklerini Responsive Yapal\u0131m - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/","og_locale":"tr_TR","og_type":"article","og_title":"Google Chart Grafiklerini Responsive Yapal\u0131m","og_description":"Merhaba de\u011ferli blog ziyaret\u00e7ilerim. Web tabanl\u0131 online raporlama ara\u00e7lar\u0131ndan (k\u00fct\u00fcphane de diyebiliriz) googleChart developerlar\u0131n b\u00fcy\u00fck yard\u0131mc\u0131s\u0131. Uzun zamand\u0131r…","og_url":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2017-05-06T16:21:37+00:00","article_modified_time":"2018-02-09T19:47:45+00:00","og_image":[{"width":695,"height":328,"url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg","type":"image\/jpeg"}],"author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Google Chart Grafiklerini Responsive Yapal\u0131m","datePublished":"2017-05-06T16:21:37+00:00","dateModified":"2018-02-09T19:47:45+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/"},"wordCount":196,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg","keywords":["fatihsoysal","google chart responsive","google chart responsive yap\u0131m\u0131","responsive grafik"],"articleSection":["Javascript","Yaz\u0131l\u0131m"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#respond"]}],"copyrightYear":"2017","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/","url":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/","name":"Google Chart Grafiklerini Responsive Yapal\u0131m - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage"},"image":{"@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage"},"thumbnailUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg","datePublished":"2017-05-06T16:21:37+00:00","dateModified":"2018-02-09T19:47:45+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#primaryimage","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2017\/05\/create-google-charts.jpg","width":695,"height":328},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/google-chart-grafiklerini-responsive-yapalim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Google Chart Grafiklerini Responsive Yapal\u0131m"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":5,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/546\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/546\/revisions\/553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media\/547"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}