{"id":1010,"date":"2019-04-09T11:30:22","date_gmt":"2019-04-09T06:00:22","guid":{"rendered":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/"},"modified":"2019-04-09T11:39:24","modified_gmt":"2019-04-09T06:09:24","slug":"rtl-issues-with-google-charts","status":"publish","type":"docs","link":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/","title":{"rendered":"RTL Issues with Google Charts"},"content":{"rendered":"\n<p>By default, the google charts supports LTR pages. But if you are using RTL format page, then you may face alignment issues with the google charts.<\/p>\n\n\n\n<p>To fix this you will need to add <em>dir=&#8221;ltr&#8221;<\/em> to the block that contains the google chart.<\/p>\n\n\n\n<p>In this extension we have used <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div id=\"chart_div\">&lt;\/div><\/pre>\n\n\n\n<p>Update this to <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div id=\"chart_div\" dir=\"ltr\">&lt;\/div><\/pre>\n\n\n\n<p>You will need to update this in the following files<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>admin\/view\/template\/extension\/hbapps\/<strong>oc2<\/strong>\/report_alltime.tpl<\/li><li>admin\/view\/template\/extension\/hbapps\/<strong>oc2<\/strong>\/report_monthly.tpl <\/li><li>admin\/view\/template\/extension\/hbapps\/<strong>oc2<\/strong>\/report_sales.tpl<\/li><li> admin\/view\/template\/extension\/hbapps\/<strong>oc2<\/strong>\/report_yearly.tpl <\/li><li> admin\/view\/template\/extension\/hbapps\/<strong>oc3<\/strong>\/report_alltime.twig<\/li><li>admin\/view\/template\/extension\/hbapps\/<strong>oc3<\/strong>\/report_monthly.twig<\/li><li>admin\/view\/template\/extension\/hbapps\/<strong>oc3<\/strong>\/report_sales.twig<br><\/li><li>admin\/view\/template\/extension\/hbapps\/<strong>oc3<\/strong>\/report_yearly.twig  <\/li><\/ol>\n","protected":false},"featured_media":0,"parent":1009,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1010","docs","type-docs","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>RTL Issues with Google Charts - HuntBee Resources<\/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:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RTL Issues with Google Charts - HuntBee Resources\" \/>\n<meta property=\"og:description\" content=\"By default, the google charts supports LTR pages. But if you are using RTL format page, then you may face alignment issues with the google charts. To fix this you will need to add dir=&#8221;ltr&#8221; to the block that contains the google chart. In this extension we have used &lt;div id=&quot;chart_div&quot;&gt;&lt;\/div&gt; Update this to &lt;div [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/\" \/>\n<meta property=\"og:site_name\" content=\"HuntBee Resources\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/huntbee.opencart\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-09T06:09:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/sales-performance-report\\\/troubleshooting\\\/rtl-issues-with-google-charts\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/sales-performance-report\\\/troubleshooting\\\/rtl-issues-with-google-charts\\\/\",\"name\":\"RTL Issues with Google Charts - HuntBee Resources\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\"},\"datePublished\":\"2019-04-09T06:00:22+00:00\",\"dateModified\":\"2019-04-09T06:09:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/sales-performance-report\\\/troubleshooting\\\/rtl-issues-with-google-charts\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/sales-performance-report\\\/troubleshooting\\\/rtl-issues-with-google-charts\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/sales-performance-report\\\/troubleshooting\\\/rtl-issues-with-google-charts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sales Performance Report\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/sales-performance-report\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Troubleshooting\",\"item\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/docs\\\/sales-performance-report\\\/troubleshooting\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"RTL Issues with Google Charts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#website\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"name\":\"HuntBee Resources\",\"description\":\"OpenCart Extension Documentations - Guides - Blogs - Projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#organization\",\"name\":\"HuntBee OpenCart\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"contentUrl\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/cropped-mobile-logo-new.png\",\"width\":945,\"height\":200,\"caption\":\"HuntBee OpenCart\"},\"image\":{\"@id\":\"https:\\\/\\\/www.huntbee.com\\\/resources\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/huntbee.opencart\",\"https:\\\/\\\/www.instagram.com\\\/opencart.huntbee\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"RTL Issues with Google Charts - HuntBee Resources","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:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/","og_locale":"en_US","og_type":"article","og_title":"RTL Issues with Google Charts - HuntBee Resources","og_description":"By default, the google charts supports LTR pages. But if you are using RTL format page, then you may face alignment issues with the google charts. To fix this you will need to add dir=&#8221;ltr&#8221; to the block that contains the google chart. In this extension we have used &lt;div id=\"chart_div\">&lt;\/div> Update this to &lt;div [&hellip;]","og_url":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/","og_site_name":"HuntBee Resources","article_publisher":"https:\/\/www.facebook.com\/huntbee.opencart","article_modified_time":"2019-04-09T06:09:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/","url":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/","name":"RTL Issues with Google Charts - HuntBee Resources","isPartOf":{"@id":"https:\/\/www.huntbee.com\/resources\/#website"},"datePublished":"2019-04-09T06:00:22+00:00","dateModified":"2019-04-09T06:09:24+00:00","breadcrumb":{"@id":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/rtl-issues-with-google-charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.huntbee.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Sales Performance Report","item":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/"},{"@type":"ListItem","position":3,"name":"Troubleshooting","item":"https:\/\/www.huntbee.com\/resources\/docs\/sales-performance-report\/troubleshooting\/"},{"@type":"ListItem","position":4,"name":"RTL Issues with Google Charts"}]},{"@type":"WebSite","@id":"https:\/\/www.huntbee.com\/resources\/#website","url":"https:\/\/www.huntbee.com\/resources\/","name":"HuntBee Resources","description":"OpenCart Extension Documentations - Guides - Blogs - Projects","publisher":{"@id":"https:\/\/www.huntbee.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.huntbee.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.huntbee.com\/resources\/#organization","name":"HuntBee OpenCart","url":"https:\/\/www.huntbee.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","contentUrl":"https:\/\/www.huntbee.com\/resources\/wp-content\/uploads\/2020\/04\/cropped-mobile-logo-new.png","width":945,"height":200,"caption":"HuntBee OpenCart"},"image":{"@id":"https:\/\/www.huntbee.com\/resources\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/huntbee.opencart","https:\/\/www.instagram.com\/opencart.huntbee\/"]}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/comments?post=1010"}],"version-history":[{"count":3,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1010\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1010\/revisions\/1014"}],"up":[{"embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/docs\/1009"}],"wp:attachment":[{"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/media?parent=1010"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.huntbee.com\/resources\/wp-json\/wp\/v2\/doc_tag?post=1010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}