{"version":"1.0","provider_name":"Go Chart \u65e5\u672c\u8a9e","provider_url":"https:\/\/www.go-chart.com\/ja","author_name":"curtis","author_url":"https:\/\/www.go-chart.com\/ja\/author\/curtis\/","title":"Tutorial on Line Charts - Go Chart \u65e5\u672c\u8a9e","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"QOCAjaGrB7\"><a href=\"https:\/\/www.go-chart.com\/ja\/tutorial-on-line-charts\/\">Tutorial on Line Charts<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.go-chart.com\/ja\/tutorial-on-line-charts\/embed\/#?secret=QOCAjaGrB7\" width=\"600\" height=\"338\" title=\"&#8220;Tutorial on Line Charts&#8221; &#8212; Go Chart \u65e5\u672c\u8a9e\" data-secret=\"QOCAjaGrB7\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","thumbnail_url":"https:\/\/www.go-chart.com\/ja\/wp-content\/uploads\/sites\/8\/2024\/10\/img_67106a04a4a7e.png","thumbnail_width":"836","thumbnail_height":"483","description":"Line charts are a powerful way to visualize data trends over time. They consist of points connected by straight lines, making it easy to see changes in data at a glance. In this tutorial, we&#8217;ll explore key concepts related to line charts and provide an example using ECharts, a popular data visualization library. Key Concepts 1. Data Points A line chart is made up of data points, each representing a value at a specific time or category. The X-axis typically represents time or categories, while the Y-axis represents the values of the data. 2. Axes X-Axis: Represents the independent variable (usually time). Y-Axis: Represents the dependent variable (the value being measured). 3. Trend Lines The lines connecting the data points illustrate the trend. This could be upward, downward, or stable, providing insights into the behavior of the data over time. 4. Multiple Lines A line chart can display multiple lines, each representing different datasets. This allows for easy comparison betwe"}