{"id":412,"date":"2010-06-16T18:07:04","date_gmt":"2010-06-16T14:07:04","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=412"},"modified":"2023-05-09T11:32:17","modified_gmt":"2023-05-09T08:32:17","slug":"dhtmlxchart-quick-and-easy-to-use-javascript-charts","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxchart-quick-and-easy-to-use-javascript-charts\/","title":{"rendered":"dhtmlxChart: Quick and Easy-to-Use JavaScript Charts"},"content":{"rendered":"<p>By creating our UI components, we\u2019ve tried to provide you with a useful, out-of-the-box solution that saves you precious time and helps you to create outstanding web applications. Today we are happy to introduce a fresh member of the DHTMLX team \u2013 dhtmlxChart (go to the <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxChart\/\" target=\"_blank\">charts homepage<\/a> to download the package and see live demo).<\/p>\n<p>dhtmlxChart is a pure JavaScript component for generating Ajax-enabled charts on a web page. This is just a release candidate, but it includes all the features of the final version (it will be available as a part of the upcoming version 2.6).<\/p>\n<p><a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxChart\/\" target=\"_blank\"><div id=\"attachment_417\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-417\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/06\/charts_screen.JPG\" alt=\"dhtmlxChart - JavaScript \/ Ajax Charts Library\" title=\"dhtmlxChart - JavaScript \/ Ajax Charts Library\" width=\"600\" height=\"366\" class=\"size-full wp-image-417\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/06\/charts_screen.JPG 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2010\/06\/charts_screen-300x183.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-417\" class=\"wp-caption-text\">dhtmlxChart - JavaScript \/ Ajax Charts Library<\/p><\/div><\/a><\/p>\n<p>During development, we tried to take into consideration all the key user requirements, the advantages and shortcomings of similar products, and the developers\u2019 needs. We created the library based on 3 main criteria:<\/p>\n<ul style=\"font-size:13px;\">\n<li> Simplicity<\/li>\n<li> Functionality<\/li>\n<li> Supporting materials<\/li>\n<\/ul>\n<p>&nbsp;<br \/>\n<!--more--><strong>Simplicity<\/strong><\/p>\n<p>We have done our best to make the library flexible and configurable. All the methods are intelligible, intuitive and easy to use.<\/p>\n<p><strong>Functionality<\/strong><\/p>\n<p>It\u2019s maybe the highlight of dhtmlxChart. Every feature of the library is carefully created to facilitate your chart creation:<\/p>\n<p><u>Completely written in JavaScript:<\/u><br \/>\nNo need to setup additional stuff such as Flash or Java runtime.<br \/>\nMoreover, considering that Apple have refused from Flash, your future Mac or iPad users will probably say &#8220;thank you&#8221; for using pure JavaScript products.<\/p>\n<p><u>Enhanced representation:<\/u><br \/>\nComprehensive collection of properties and events to configure (tooltips, scales, templates, labels etc.) gives you the freedom to create different kind of charts with customizable appearance and data representation.<\/p>\n<p><u>Interactive actions:<\/u><br \/>\ndhtmlxChart supports interactive actions through wide script API, so you can change charts dynamically. Ajax support allows you to show the changes on the fly without page reload.<\/p>\n<p><u>Data sources variety:<\/u><br \/>\nYou can choose the type of datasource to load charts from. The charts can be loaded from XML, JSON , JS Array, or CSV.<\/p>\n<p><u>Different chart types:<\/u><br \/>\nThe library includes the most popular chart types: bar chart, pie chart, and line chart. By customizing the chart elements you can control how the charts will be displayed on page, and thereby give them the right look which will meet the needs of your application.<\/p>\n<p><u>DHTMLX compatibility:<\/u><br \/>\ndhtmlxChart is compatible with such dhtmlx components as dhtmlxLayout (a chart will resize according to the layout cell size) and dhtmlxGrid (dhtmlxChart methods lets you take data for a chart directly from the grid).<\/p>\n<p><u>Cross-browser support:<\/u><br \/>\nThe charts library works in all modern web browsers (IE6 +, Safari 3.x +, Firefox 1.5 +, Opera 9 +, Google Chrome 0.2 +, or any other browsers based on Mozilla or Web-kit engine).<\/p>\n<p><strong>Supporting materials<\/strong><\/p>\n<p>The library has complete documentation where all methods are described in details and with examples. We have placed more than 20 samples at your disposal as well.<\/p>\n<p>We hope you enjoy our new product.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By creating our UI components, we\u2019ve tried to provide you with a useful, out-of-the-box solution that saves you precious time and helps you to create outstanding web applications. Today &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3430,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72,1],"tags":[33,21,18],"class_list":["post-412","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-uncategorized","tag-all-posts","tag-charts","tag-labs"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/412\/revisions"}],"predecessor-version":[{"id":10837,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/412\/revisions\/10837"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3430"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}