تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
توفر مخططات Google طريقة مثالية لعرض البيانات على موقعك الإلكتروني.
يقدّم معرض المخططات
عددًا كبيرًا من أنواع الرسومات البيانية الجاهزة للاستخدام، بدءًا من المخططات الخطية البسيطة وانتهاءً بالمخططات الشجرية الهرمية.
إن أكثر الطرق شيوعًا لاستخدام مخططات Google هي استخدام جافا سكريبت بسيط يتم تضمينه في صفحة الويب. يمكنك تحميل بعض مكتبات "مخطط Google"،
وإدراج البيانات المطلوب إنشاء رسم بياني لها، ثم تحديد خيارات لتخصيص الرسم البياني،
وأخيرًا إنشاء كائن رسم بياني باستخدام id تختاره.
وبعد ذلك في صفحة الويب، يمكنك إنشاء <div> باستخدام المعرّف هذا لعرض مخطط Google.
يتم عرض الرسوم البيانية كفئات JavaScript، وتوفّر مخططات Google العديد من أنواع المخططات التي يمكنك استخدامها.
وسيكون المظهر التلقائي هو عادة كل ما تحتاج إليه، ويمكنك دائمًا
تخصيص رسم بياني
ليلائم شكل موقعك الإلكتروني وأسلوبه. الرسوم البيانية تفاعلية بشكل كبير وتعرض أحداثًا تتيح لك ربطها لإنشاء لوحات بيانات معقّدة أو تجارب أخرى مدمجة مع صفحة الويب الخاصة بك.
ويتم عرض الرسوم البيانية باستخدام تكنولوجيا HTML5/SVG لتوفير التوافق عبر المتصفحات
(بما في ذلك VML للإصدارات الأقدم من IE) وإمكانية النقل عبر الأنظمة الأساسية لأجهزة iPhone وiPad
وAndroid. لن يضطر المستخدمون مطلقًا إلى التعامل مع المكونات الإضافية أو أي برامج.
وإذا كان لديهم متصفح ويب، يمكنهم مشاهدة الرسوم البيانية.
تتم تعبئة جميع أنواع الرسوم البيانية بالبيانات باستخدام فئة جدول البيانات، ما يسهّل التبديل بين أنواع الرسوم البيانية أثناء إجراء التجربة للعثور على المظهر المثالي.
يوفّر "جدول البيانات" طرقًا لترتيب البيانات وتعديلها وتصفيتها، كما يمكن تعبئته مباشرةً من صفحة الويب أو قاعدة بيانات أو أي موفّر بيانات يتوافق مع بروتوكول مصدر بيانات أدوات الرسم البياني.
(ويشمل هذا البروتوكول لغة طلب بحث تشبه لغة الاستعلامات البنيوية (SQL)، وينفّذها جداول بيانات Google
وFusion Tables من Google ومزوّدو البيانات من جهات خارجية مثل SalesForce.
يمكنك أيضًا تنفيذ البروتوكول على موقعك الإلكتروني لتصبح مقدّم بيانات
للخدمات الأخرى.)
هل أنت على استعداد لإنشاء أول رسم بياني؟ انتقِل إلى صفحة البدء السريع.
تتطور أدواتنا باستمرار لتلبية احتياجاتك بشكل أفضل، لذلك نعتمد على تعليقاتك لمساعدتنا على تحديد الأولويات بشأن الميزات التي يجب تضمينها.
الانضمام إلى
مجموعة المناقشة.
تاريخ التعديل الأخير: 2024-07-10 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 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,["Google 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)."]]
