{"id":5089,"date":"2022-02-14T00:06:21","date_gmt":"2022-02-14T00:06:21","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5089"},"modified":"2022-05-05T23:00:32","modified_gmt":"2022-05-05T23:00:32","slug":"line-chart","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/line-chart\/","title":{"rendered":"Line Chart"},"content":{"rendered":"\n<p>Line Chart is to use for showing various kind of 2-dimensional datas on the chart. On the line chart, you can observe the special data by clicking the other legends.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/line-chart-1024x405.jpg\" alt=\"\" class=\"wp-image-5277\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/line-chart-1024x405.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/line-chart-768x304.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to create Line Chart Widget?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>. Create, or choose the Column into which you want to add your element. Click on Add New Element.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>. Drag UDesign&nbsp;<strong>Line Chart&nbsp;<\/strong>element from the element List.<\/p>\n\n\n\n<p><strong>Step 3<\/strong>. Edit&nbsp;<strong>Data Labels&nbsp;<\/strong>and add&nbsp;<strong>Items<\/strong>.<\/p>\n\n\n\n<p>You should set number of&nbsp;<strong>ITEMS\u2019<\/strong>&nbsp;value the same as numbers of&nbsp;<strong>DATA LABELS<\/strong>&nbsp;or the chart will not be able to be shown value of items.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Line Chart Option.<\/h4>\n\n\n\n<p><strong>Data Axis Range \u2013&nbsp;<\/strong>You can set maximum value of range for the data value.<\/p>\n\n\n\n<p><strong>Data Axis Unit<\/strong>&nbsp;\u2013 You can set scale of the axis to show data value.<\/p>\n\n\n\n<p><strong>Pointer Style&nbsp;<\/strong>\u2013 This Option set the shape of the point on Axis data of chart. This option is available to set the point size in the style panel.<\/p>\n\n\n\n<p><strong>Border Type<\/strong>&nbsp;\u2013 You can set border type of chart in two ways. Smooth, Non-Smooth.<\/p>\n\n\n\n<p class=\"alert alert-warning\">You can also set&nbsp;<strong>Grid Line, Label, Tooltip<\/strong>&nbsp;and&nbsp;<strong>Legend<\/strong>. The legend is able to be displayed anywhere. Top, Bottom, Left, Right.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Line Chart Style.<\/h4>\n\n\n\n<p>You can control height, border width of chart, color and point size with&nbsp;<strong>Height of Chart Area<\/strong>,&nbsp;<strong>Border Width<\/strong>,&nbsp;<strong>Line Color, Point Size<\/strong>&nbsp;Options.<\/p>\n\n\n\n<p>And here you can set typography of labels and legend.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Line Chart is to use for showing various kind of 2-dimensional datas on the chart. On the line chart, you can observe the special data by clicking the other legends. How to create Line Chart Widget? Step 1. Create, or choose the Column into which you want to add your element. Click on Add New [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-5089","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=5089"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5089\/revisions"}],"predecessor-version":[{"id":7693,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5089\/revisions\/7693"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}