mxGraph
کتابخانه نموداری جاوا اسکریپت منبع باز
برنامه‌های گرافیک و نمودار تعاملی را از طریق کتابخانه نموداری جاوا اسکریپت رایگان منبع باز ایجاد کنید.
mxGraph یک کتابخانه نموداری جاوا اسکریپت منبع باز است که عملکردی را برای رندر کردن نمودارهای SVG و HTML فراهم می کند. برای استفاده از کتابخانه mxGraph به نرم افزار شخص ثالثی نیاز نیست. نکته مثبت دیگر این است که به هیچ پلاگینی نیاز ندارد و تقریباً در هر چارچوبی قابل ادغام است. mxGraph ویژگی هایی را برای نمایش نمودارها و نمودارهای تعاملی ارائه می دهد. API تمام قابلیت‌های معمول مورد نیاز را برای ترسیم، تعامل و مرتبط کردن یک زمینه با یک نمودار فراهم می‌کند.
API از یک معماری بسیار رایج استفاده می کند، به یک وب سرور نیاز دارد که توانایی مدیریت صفحات HTML را داشته باشد و یک مرورگر وب که از جاوا اسکریپت پشتیبانی می کند. در درجه اول از یک فایل جاوا اسکریپت استفاده می کند که شامل تمام عملکردهای کتابخانه است. آن فایل در یک صفحه وب HTML در بخش جاوا اسکریپت بارگذاری می شود و در یک ظرف HTML در مرورگر اجرا می شود.
در یک نگاه
مروری بر ویژگی های mxGraph.
- ایجاد نمودار
- ویرایش نمودار
- نمایش نمودارها
- پشتیبانی از شبکه
- پشتیبانی از شکل
- پشتیبانی از برچسب
- نمودار سبک
- استفاده از لایه ها
- نمودار ادغام
- پشتیبانی از نوار اسکرول
mxGraph از قالب صفحه‌گسترده اکسل پشتیبانی می‌کند و همچنین می‌تواند داده‌ها را به فرمت‌های فایل رایج صادر کند.
سکوی استقلال
mxGraph فقط به جاوا اسکریپت نیاز دارد.
- پایتون 2.6 و بالاتر
شروع کار با mxGraph
روش توصیه شده برای نصب mxGraph از طریق npm است، از طریق مدیر بسته npm در دسترس است. برای استفاده از mxGraph به عنوان یک وابستگی، از npm install استفاده کنید.
mxGraph را از طریق npm نصب کنید
npm install mxgraph --saveایجاد نمودارها از طریق JavaScript API
کتابخانه منبع باز mxGraph عملکردی را برای ایجاد یک نمودار یا نمودارها با استفاده از جاوا اسکریپت فراهم می کند. همچنین از اصلاح نمودارهای پیچیده با ایجاد ویرایشگرهای نمودار جدید یا سفارشی کردن آنها پشتیبانی می کند. ابتدا باید یک نمودار در داخل ظرف داده شده ایجاد کنید و سپس می توانید به راحتی سلول هایی را به مدل اضافه کنید تا نمودار را بسازید. می‌توانید به راحتی عناوین نمودارها را اضافه کنید و یادداشت‌ها را روی چندین شرکت‌کننده قرار دهید. این کتابخانه همچنین ویژگی های اضافی مانند جلوه های بصری، کنترل رابط کاربری و موارد دیگر را ارائه می دهد.
ادغام دو نمودار از طریق جاوا اسکریپت
mxGraph برنامه نویسان کامپیوتر را قادر می سازد تا دو نمودار را در برنامه های جاوا اسکریپت خود ادغام کنند. اول از همه، شما باید یک نمودار نمونه در داخل ظرف داده شده ایجاد کنید. لطفاً همه سلول ها را با یک برچسب سفید و پررنگ گرد کنید. حالا لطفا مدل نمودار دوم را بدون ظرف ایجاد کنید. سلول ها را در یک مرحله با استفاده از شناسه های سفارشی برای رئوس به مدل هدف اضافه کنید. اکنون می توانید مدل را از نمودار دوم در مدل نمودار اول ادغام کنید.
طراحی گرید با استفاده از جاوا اسکریپت
کتابخانه mxGraph توسعه دهندگان نرم افزار را قادر می سازد تا یک شبکه به صورت پویا در داخل برنامه های جاوا اسکریپت خود ترسیم کنند. با استفاده از بوم HTML 5 به راحتی می توانید یک شبکه را به صورت پویا ترسیم کنید. ابتدا نمودار را در داخل ظرف داده شده ایجاد کنید و یک شبکه به صورت پویا ایجاد کنید که به یک بوم نیاز دارد. باید فیلتر رویداد را تغییر دهید تا بوم را به عنوان ظرف بپذیرید. اکنون cدر صورت لزوم پس‌زمینه را باز می‌کند و فاصله خطوط شبکه را بر حسب پیکسل تنظیم می‌کند. اکنون شبکه واقعی را ترسیم می کند.
