استفاده از نمودارهای گوگل
با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.

نمودارهای گوگل یک راه عالی برای تجسم داده ها در وب سایت شما ارائه می دهد. از نمودارهای خطی ساده گرفته تا نقشه های درختی سلسله مراتبی پیچیده، گالری نمودار تعداد زیادی از انواع نمودارهای آماده برای استفاده را ارائه می دهد.
رایج ترین راه برای استفاده از نمودارهای گوگل، جاوا اسکریپت ساده ای است که در صفحه وب خود جاسازی می کنید. تعدادی از کتابخانه های نمودار گوگل را بارگیری می کنید، داده هایی را که باید نمودار شوند فهرست می کنید، گزینه هایی را برای سفارشی کردن نمودار خود انتخاب می کنید و در نهایت یک شی نمودار با شناسه ای که انتخاب می کنید ایجاد می کنید. سپس، بعداً در صفحه وب، یک <div> با آن شناسه برای نمایش نمودار گوگل ایجاد میکنید.
این تمام چیزی است که برای شروع نیاز دارید.
نمودارها بهعنوان کلاسهای جاوا اسکریپت در معرض دید قرار میگیرند و نمودارهای Google انواع نمودارهای زیادی را برای استفاده در اختیار شما قرار میدهد. ظاهر پیشفرض معمولاً تمام چیزی است که نیاز دارید، و همیشه میتوانید نمودار را متناسب با ظاهر و احساس وبسایت خود سفارشی کنید. نمودارها بسیار تعاملی هستند و رویدادهایی را به نمایش می گذارند که به شما امکان می دهد آنها را برای ایجاد داشبوردهای پیچیده یا سایر تجربیات ادغام شده با صفحه وب خود متصل کنید . نمودارها با استفاده از فناوری HTML5/SVG ارائه میشوند تا سازگاری بین مرورگرها (از جمله VML برای نسخههای قدیمیتر IE) و قابلیت حمل متقابل پلتفرمها برای آیفونها، آیپدها و اندروید فراهم شود. کاربران شما هرگز مجبور نخواهند شد با پلاگین ها یا هر نرم افزاری دست و پنجه نرم کنند. اگر آنها یک مرورگر وب داشته باشند، می توانند نمودارهای شما را ببینند.
همه انواع نمودارها با داده ها با استفاده از کلاس DataTable پر شده اند، که باعث می شود هنگام آزمایش برای یافتن ظاهر ایده آل، بین انواع نمودار جابجا شوید. DataTable روش هایی را برای مرتب سازی، اصلاح و فیلتر کردن داده ها ارائه می دهد و می تواند مستقیماً از صفحه وب شما، پایگاه داده یا هر ارائه دهنده داده ای که از پروتکل Chart Tools Datasource پشتیبانی می کند، پر شود. (این پروتکل شامل یک زبان پرس و جو مانند SQL است و توسط Google Spreadsheets، Google Fusion Tables و ارائه دهندگان داده شخص ثالث مانند SalesForce پیادهسازی میشود. شما حتی میتوانید پروتکل را در وبسایت خود پیادهسازی کنید و به ارائهدهنده داده برای سایر خدمات تبدیل شوید.)
برای ایجاد اولین نمودار خود آماده اید؟ از شروع سریع بازدید کنید.
ابزارهای ما دائما در حال تکامل هستند تا نیازهای شما را بهتر برطرف کنند. ما به بازخورد شما وابسته هستیم تا به ما در اولویت بندی ویژگی هایی که باید اضافه کنیم کمک می کنیم. به گروه بحث ما بپیوندید.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2024-07-10 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2024-07-10 بهوقت ساعت هماهنگ جهانی."],[[["\u003cp\u003eGoogle Charts offers a wide variety of interactive and customizable chart types to visualize data on your website.\u003c/p\u003e\n"],["\u003cp\u003eEmbedding charts is straightforward using simple JavaScript that loads libraries, specifies data, customizes options, and creates a chart object within a div element.\u003c/p\u003e\n"],["\u003cp\u003eCharts are highly interactive, supporting events, dashboards, and integration with web pages for enhanced user experiences.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Charts uses HTML5/SVG technology for cross-browser and cross-platform compatibility, ensuring accessibility for all users.\u003c/p\u003e\n"],["\u003cp\u003eData population is handled by the DataTable class, enabling easy switching between chart types and providing methods for data manipulation and sourcing.\u003c/p\u003e\n"]]],[],null,["# Using Google Charts\n\nGoogle Charts provides a perfect way to visualize data on your website.\nFrom simple line charts to complex hierarchical tree maps, the\n[chart gallery](/chart/interactive/docs/gallery)\nprovides a large number of ready-to-use chart types.\n\nThe most common way to use Google Charts is with simple JavaScript\nthat you embed in your web page. You load some Google Chart libraries,\nlist the data to be charted, select options to customize your chart,\nand finally create a chart object with an id that you choose.\nThen, later in the web page, you create a \\\u003cdiv\\\u003e\nwith that id to display the Google Chart.\n\nThat's all you need to [get started](/chart/interactive/docs/quick_start).\n\nCharts are exposed as JavaScript classes, and Google Charts provides\n[many chart types](/chart/interactive/docs/gallery) for you to use.\nThe default appearance will usually be all you need, and you can always\n[customize a chart](/chart/interactive/docs/customizing_charts)\nto fit the look and feel of your website. Charts are highly interactive and expose\n[events](/chart/interactive/docs/events) that let you connect them to create complex\n[dashboards](/chart/interactive/docs/gallery/controls) or other experiences\n[integrated with your\nwebpage](/chart/interactive/docs/examples#full_html_page_example).\nCharts are rendered using HTML5/SVG technology to provide cross-browser compatibility\n(including VML for older IE versions) and cross platform portability to iPhones,\niPads, and Android. Your users will never have to mess with plugins or any software.\nIf they have a web browser, they can see your charts.\n\nAll chart types are populated with data using the\n[DataTable](/chart/interactive/docs/reference#DataTable) class,\nmaking it easy to switch between chart types as you experiment to find the ideal appearance.\nThe DataTable provides methods for sorting, modifying, and filtering data, and can be\npopulated directly from your web page, a database, or any data provider supporting the\n[Chart Tools Datasource](/chart/interactive/docs/queries) protocol.\n(That protocol includes a SQL-like query language and is implemented by Google Spreadsheets,\nGoogle Fusion Tables and third party data providers such as SalesForce.\nYou can even implement the protocol on your own website and become a data provider\nfor other services.)\n\n**Ready to create your first chart? Visit the\n[quickstart](/chart/interactive/docs/quick_start).**\n\nOur tools are constantly evolving to better address your needs;\nwe depend on your feedback to help us prioritize which features to include.\nJoin our [discussion group](http://groups.google.com/group/google-visualization-api)."]]