• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6253 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

آموزش رسم نمودار با Highcharts (جلسه 1) - مقدمه

0 331 ۲۰ اردیبهشت ۹۵

highcharts

Highcharts یک کتابخانه Javascript خالص برای رسم نمودارهای مختلف و پیشرفته هست. با استفاده از این ابزار میتونین نمودارهای پیشرفته و جالبی رو در سایتتون قرار بدین و باعث زیبایی و Performance سایتتون بشید.

این ابزار خیلی از نمودارهای مختلف رو تحت پوشش قرار میده و برای نمونه میشه به نمودار خطی، نمودار سطحی، نمودار ستونی، نمودار دایره ای و ... اشاره کرد.

در این دوره با استفاده از مثالهای متنوع و گوناگون شما رو با این ابزار قدرتمند آشنا میکنیم و بهتون میگیم که چطوری از اون استفاده کنید و اطلاعات مختلف رو به زیبایی به کاربرانتون نشون بدین.

قبل از اینکه این دوره رو یاد بگیرید باید آشنایی متوسطی با HTML و CSS و Javascript و ویرایشگرها داشته باشید.

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

نمودارهایی که با استفاده از این ابزار رسم میکنید بصورت SVG در مرورگر نمایش داده میشه. در مرورگرهای مدرن مثل Chrome و Firefox و ... از SVG استفاده میشه و برای مرورگرهای قدیمی و متروک مثل IE6 از VML برای رسم نمودار استفاده میشه. پس اگر از این ابزار استفاده کنید خیالتون از اینکه در همه مرورگرها پشتیبانی بشه، راحته راحته.

خصوصیتهای این ابزار:

  • Compatability : این ابزار تقریبا در همه مرورگرها و در همه دستگاه های موجود پشتیبانی میشه و موبایلها هم بصورت کامل از اون پشتیبانی میکنن
  • Multitouch Support : در دستگاه هایی که لمسی هستند میتونین از قابلیت Multitouch نمودارهای ساخته شده با این ابزار استفاده کرد.
  • Free to Use : استفاده از این ابزار رایگان و مجانی هست
  • Lightweight : حجم این ابزار تقریبا 35 کیلوبایت هست و با توجه به امکاناتی که در اختیارمون قرار میده واقعا میارزه و فوق العاده هست
  • Simple Configurations : این ابزار از JSON برای تنظیمات نمودارها استفاده میکنه و به همین دلیل استفاده و یادگیری اون بسیار راحته
  • Dynamic : میتونین بعد از ساخت نمودار اولیه اون رو با استفاده از Ajax و ... و بصورت پویا تغییر بدین
  • Multiple axes : این ابزار فقط به محورهای x و y محدود نمیشه و میتونین از محورهای بیشتری هم استفاده کنید
  • Export : میتونین از این نمودار بصورت PNG و SVG و PDF و JPG خروجی بگیرید
  • Print : میتونین از نمودارهاتون با استفاده از مرورگر پرینت بگیرید.
  • Zoomablity : میتونین برای روی نمودار خودتون زوم کنید و بزرگنمایی کنید و اطلاعات رو دقیقتر ببینید
  • External data : میتونین اطلاعات رو از سرور دریافت کنید و در نمودار قرار بدین و از منابع خارجی برای رسم نمودار استفاده کنید.
  • Text Rotation : میتونین عناوین رو در هر جهتی بچرخونید

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram