IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework.

Overview

@ibm/gantt-chart

npm GitHub

IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework.

Getting started

Documentation and Examples are available as a storybook

This project is structured as a monorepo:

Package Description
ibm-gantt-chart Gantt Chart Library
ibm-gantt-chart-dev Development Environment for Gantt Chart Library
ibm-gantt-chart-docs Documentation and examples
ibm-gantt-chart-react The Gantt Chart React Component

Contributing

Check out the Contributing Guide.

Contributors

Thanks goes to these wonderful people (emoji key), especially Olivier Noiret, creator of the initial project:

Olivier Noiret
Olivier Noiret

💻 📖 💡 📦
Gilles d'Andréa
Gilles d'Andréa

💻 📖 💡 📦

This project follows the all-contributors specification. Contributions of any kind welcome!!

License

Licensed under the Apache 2.0 License.

Comments
  • Cross-Site Scripting (XSS) in ibm-gantt-chart

    Cross-Site Scripting (XSS) in ibm-gantt-chart

    Description

    ibm-gantt-chart is vulnerable to Cross-Site Scripting (XSS).

    Steps To Reproduce

    1. Open https://www.npmjs.com/package/ibm-gantt-chart
    2. Copy the code from the usage example and make a test.html https://www.npmjs.com/package/ibm-gantt-chart#usage
    3. And use <link href="https://unpkg.com/[email protected]/dist/ibm-gantt-chart.css" rel="stylesheet" /> and <script src="https://unpkg.com/[email protected]/dist/ibm-gantt-chart.js"></script>
    4. Insert the xss payload in name field in data Ex: name: 'Bethanie"<img src=x onerror=alert(1)>',
    5. Open the test.html file in any browser, XSS payload will get executed. ibm-gantt-chart
    opened by ready-research 8
  • How to translate timeline date into japanese ?

    How to translate timeline date into japanese ?

    Can someone give me an example to change timeline language to japanese ?

    I found this setTimeWindow function at ibm-gantt-chart/jquery/timeline.js that can do this but I haven't figured out how to configure it. Please help me !!

    opened by ZenTal29 7
  • How to generate vanilla bundles (no jQuery or React)?

    How to generate vanilla bundles (no jQuery or React)?

    I am trying to use IBM-gantt-chart in Anvil (see Anvil.works). I have successfully generated bundle files by running 'npm run build'. I can see that jQuery has been included in the js file. My issue is that the Anvil platform documentation states -'it is a bad idea to load jQuery or Bootstrap Javascript explicitly from an HTML template — it will overwrite the versions Anvil has already loaded.'. The IBM-Gantt documentation suggests that it should be possible to produce a 'vanilla' bundle file which does not include jQuery but I can't find any documentation on how to do this, nor can I work out how to do it from looking at the code (I am new to JavaScript). Any pointers would be gratefully received. Thanks

    opened by Stp3103 6
  • I don't succeed in showing data

    I don't succeed in showing data

    Hi there, I'm surely missing something here, but can't find it out from the docs...

    I pass a config like so:

    const config = {
        type: 'Gantt.type.ACTIVITY_CHART',
        data: {
            activities: {
                data: tasks,
                id: 'id',
                start: 'Début', // The start of the activity is provided with the start property of the model object
                end: 'Fin', // The end of the activity is provided with the end property of the model object
                name: 'Nom', // The name of the activity is provided with the name property of the model object
            },
            dateFormat: 'dd/MM/yyyy HH:mm',
        },
        // Configure a toolbar associated with the Gantt
        toolbar: [
            'title',
            'search',
            'separator',
            {
                type: 'button',
                text: 'Refresh',
                fontIcon: 'fa fa-refresh fa-lg',
                onclick: function (ctx) {
                    ctx.gantt.draw();
                },
            },
            'fitToContent',
            'zoomIn',
            'zoomOut',
        ],
        title: 'Planning', // Title for the Gantt to be displayed in the toolbar
    };
    
    const GanttIBM = (props) => {
        return <GanttChart config={config} />;
    };
    

    Where tasks is coming from a JSON :

    [
      {
        "id": 1,
        "WBS": "1",
        "Nom": "TRAVAUX",
        "Durée": 230,
        "Début": "05/04/2021 09:00",
        "Fin": "18/02/2022 18:00",
        "Prédécesseurs": 10
      },
      {
        "id": 2,
        "WBS": "1.1",
        "parent": "1",
        "Nom": "Bâtiment A",
        "Durée": 100,
        "Début": "05/04/2021 09:00",
        "Fin": "20/08/2021 18:00",
        "Prédécesseurs": ""
      },
      ...
    ]
    

    It keeps erroring with Cannot read property 'length' of undefined on rows.length in the model.load() promise :

    return this.model.load().then(function (rows) {
            var wnd = _this5.getTimeWindow();
    
            if (!wnd || !wnd.start) {
              if (!rows.length) { // <---------------------------------- HERE
                // Empty Gantt, this is ok
                var today = new Date().getTime();
                var day = 1000 * 3600 * 24;
    
                _this5.setTimeWindow({
                  start: today - day * 2,
                  end: today + day * 2
                });
              } else {
                stopLoading();
                return promise_default.a.reject(core["a" /* default */].utils.getString('gantt.error.no-time-window-defined'));
              }
            }
    ...
    

    I tried with different shapes for tasks like { activities: tasks } , but no luck.

    Any idea what I'm doing wrong ? 🤔
    I already spent several hours there...

    opened by adrienthiery 4
  • Question: Show tooltip on click

    Question: Show tooltip on click

    Hi,

    I need to change the behavior of the gantt chart, so that tooltip would show up on click. Is it possible to achieve somehow? Or will I have to alter the code of the plugin?

    Thanks in advance!

    opened by spliner21 2
  • Clickable entry with link

    Clickable entry with link

    Hello, the plugin as really nice, but there is one important feature which I cannot set:

    We need to make the entries clickable, so when we click an entry it opens a link with a parameter specific to the entry. I want to add the parameter somewhere in the HTML attribute of the entry so a click listener can pick it up from there.

    I was unable to do this so far, is there any solution I am missing?

    image

    Best Regards Martin Nekula

    opened by macinos 2
  • gantt intl util breaks when formatting message

    gantt intl util breaks when formatting message

    formatString(tpl, obj) { // tpl = this.getString(tpl, tpl); // return tpl.replace(/{(\w+)}/g, (_, key) => obj[key]); return this.getIntl().formatMessage({ id: key, defaultMessage: defaultValue }, obj); },

    This code breaks when entering erroneous things in the DO4WS Dashboard's gantt editor (like a bad column name...). The error stack is:

    Uncaught (in promise) ReferenceError: key is not defined at Object.formatString (utils.js:320) at ErrorHandler.convertError (index.js:207) at ErrorHandler.addError (index.js:106) at GanttPanel.setConfiguration (ganttpanel.js:245) at ganttpanel.js:53

    opened by ali-sadeghin 2
  • Bump moment from 2.29.1 to 2.29.2 in /packages/ibm-gantt-chart-dev

    Bump moment from 2.29.1 to 2.29.2 in /packages/ibm-gantt-chart-dev

    Bumps moment from 2.29.1 to 2.29.2.

    Changelog

    Sourced from moment's changelog.

    2.29.2 See full changelog

    • Release Apr 3 2022

    Address https://github.com/advisories/GHSA-8hfj-j24r-96c4

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • Bump url-parse from 1.5.1 to 1.5.7 in /packages/ibm-gantt-chart-dev

    Bump url-parse from 1.5.1 to 1.5.7 in /packages/ibm-gantt-chart-dev

    Bumps url-parse from 1.5.1 to 1.5.7.

    Commits
    • 8b3f5f2 1.5.7
    • ef45a13 [fix] Readd the empty userinfo to url.href (#226)
    • 88df234 [doc] Add soft deprecation notice
    • 78e9f2f [security] Fix nits
    • e6fa434 [security] Add credits for incorrect handling of userinfo vulnerability
    • 4c9fa23 1.5.6
    • 7b0b8a6 Merge pull request #223 from unshiftio/fix/at-sign-handling-in-userinfo
    • e4a5807 1.5.5
    • 193b44b [minor] Simplify whitespace regex
    • 319851b [fix] Remove CR, HT, and LF
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • Bump karma from 2.0.5 to 6.3.14

    Bump karma from 2.0.5 to 6.3.14

    Bumps karma from 2.0.5 to 6.3.14.

    Release notes

    Sourced from karma's releases.

    v6.3.14

    6.3.14 (2022-02-05)

    Bug Fixes

    • remove string template from client code (91d5acd)
    • warn when singleRun and autoWatch are false (69cfc76)
    • security: remove XSS vulnerability in returnUrl query param (839578c)

    v6.3.13

    6.3.13 (2022-01-31)

    Bug Fixes

    • deps: bump log4js to resolve security issue (5bf2df3), closes #3751

    v6.3.12

    6.3.12 (2022-01-24)

    Bug Fixes

    • remove depreciation warning from log4js (41bed33)

    v6.3.11

    6.3.11 (2022-01-13)

    Bug Fixes

    • deps: pin colors package to 1.4.0 due to security vulnerability (a5219c5)

    v6.3.10

    6.3.10 (2022-01-08)

    Bug Fixes

    • logger: create parent folders if they are missing (0d24bd9), closes #3734

    v6.3.9

    6.3.9 (2021-11-16)

    Bug Fixes

    • restartOnFileChange option not restarting the test run (92ffe60), closes #27 #3724

    ... (truncated)

    Changelog

    Sourced from karma's changelog.

    6.3.14 (2022-02-05)

    Bug Fixes

    • remove string template from client code (91d5acd)
    • warn when singleRun and autoWatch are false (69cfc76)
    • security: remove XSS vulnerability in returnUrl query param (839578c)

    6.3.13 (2022-01-31)

    Bug Fixes

    • deps: bump log4js to resolve security issue (5bf2df3), closes #3751

    6.3.12 (2022-01-24)

    Bug Fixes

    • remove depreciation warning from log4js (41bed33)

    6.3.11 (2022-01-13)

    Bug Fixes

    • deps: pin colors package to 1.4.0 due to security vulnerability (a5219c5)

    6.3.10 (2022-01-08)

    Bug Fixes

    • logger: create parent folders if they are missing (0d24bd9), closes #3734

    6.3.9 (2021-11-16)

    Bug Fixes

    • restartOnFileChange option not restarting the test run (92ffe60), closes #27 #3724

    6.3.8 (2021-11-07)

    Bug Fixes

    • reporter: warning if stack trace contains generated code invocation (4f23b14)

    ... (truncated)

    Commits
    • c97e562 chore(release): 6.3.14 [skip ci]
    • 91d5acd fix: remove string template from client code
    • 69cfc76 fix: warn when singleRun and autoWatch are false
    • 839578c fix(security): remove XSS vulnerability in returnUrl query param
    • db53785 chore(release): 6.3.13 [skip ci]
    • 5bf2df3 fix(deps): bump log4js to resolve security issue
    • 36ad678 chore(release): 6.3.12 [skip ci]
    • 41bed33 fix: remove depreciation warning from log4js
    • c985155 docs: create security.md
    • c96f0c5 chore(release): 6.3.11 [skip ci]
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • Bump follow-redirects from 1.14.1 to 1.14.7 in /packages/ibm-gantt-chart-dev

    Bump follow-redirects from 1.14.1 to 1.14.7 in /packages/ibm-gantt-chart-dev

    Bumps follow-redirects from 1.14.1 to 1.14.7.

    Commits
    • 2ede36d Release version 1.14.7 of the npm package.
    • 8b347cb Drop Cookie header across domains.
    • 6f5029a Release version 1.14.6 of the npm package.
    • af706be Ignore null headers.
    • d01ab7a Release version 1.14.5 of the npm package.
    • 40052ea Make compatible with Node 17.
    • 86f7572 Fix: clear internal timer on request abort to avoid leakage
    • 2e1eaf0 Keep Authorization header on subdomain redirects.
    • 2ad9e82 Carry over Host header on relative redirects (#172)
    • 77e2a58 Release version 1.14.4 of the npm package.
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • Bump express from 4.17.1 to 4.18.2 in /packages/ibm-gantt-chart-dev

    Bump express from 4.17.1 to 4.18.2 in /packages/ibm-gantt-chart-dev

    Bumps express from 4.17.1 to 4.18.2.

    Release notes

    Sourced from express's releases.

    4.18.2

    4.18.1

    • Fix hanging on large stack of sync routes

    4.18.0

    ... (truncated)

    Changelog

    Sourced from express's changelog.

    4.18.2 / 2022-10-08

    4.18.1 / 2022-04-29

    • Fix hanging on large stack of sync routes

    4.18.0 / 2022-04-25

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump decode-uri-component from 0.2.0 to 0.2.2 in /packages/ibm-gantt-chart-dev

    Bump decode-uri-component from 0.2.0 to 0.2.2 in /packages/ibm-gantt-chart-dev

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump qs from 6.5.2 to 6.5.3 in /packages/ibm-gantt-chart-dev

    Bump qs from 6.5.2 to 6.5.3 in /packages/ibm-gantt-chart-dev

    Bumps qs from 6.5.2 to 6.5.3.

    Changelog

    Sourced from qs's changelog.

    6.5.3

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge`: avoid a crash with a null target and a truthy non-array source
    • [Fix] correctly parse nested arrays
    • [Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Fix] fix for an impossible situation: when the formatter is called with a non-string value
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Refactor] utils: reduce observable [[Get]]s
    • [Refactor] use cached Array.isArray
    • [Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)
    • [Refactor] parse: only need to reassign the var once
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [readme] remove travis badge; add github actions/codecov badges; update URLs
    • [Docs] Clean up license text so it’s properly detected as BSD-3-Clause
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] always use String(x) over x.toString()
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 298bfa5 v6.5.3
    • ed0f5dc [Fix] parse: ignore __proto__ keys (#428)
    • 691e739 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs
    • 12ac1c4 [meta] fix README.md (#399)
    • 0338716 [actions] backport actions from main
    • 5639c20 Clean up license text so it’s properly detected as BSD-3-Clause
    • 51b8a0b add FUNDING.yml
    • 45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...
    • f814a7f [Dev Deps] backport from main
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • processClick : how do i get id of any activity

    processClick : how do i get id of any activity

    toolbar: [ 'title', 'search', 'separator', { type: 'button', text: 'Refresh', fontIcon: 'fa fa-refresh fa-lg', onclick: function (ctx) { ctx.gantt.draw(); }, }, 'fitToContent', 'zoomIn', 'zoomOut', // User specific toolbar components ], title: 'Proje Zaman Çizelgesi', // Title for the Gantt to be displayed in the toolbar timeTable: { renderer: [ { selector: function (object, ctx) { // Use this renderer if the display mode combobox is selected on 'Tasks' //console.log(object["id"]); //return ctx.gantt.colorMode === 'showTasks' }, text: function (activity) { // Instead of using a function, the text property could have been declared as: text : "TASK.NAME" return activity.TASK.NAME }, textOverflow: 'noDisplay', // Hide the text if it doesn't fit the width of the activity rectangle background: { // Uncomment line below to fix the index order of task names and therefore ensure tasks will always be displayed with the same color. //values : [ 'facade', 'ceiling', 'windows', 'moving', 'masonry', 'carpentry', 'roofing', 'plumbing', 'painting', 'garden' ], // Uncomment line below for using a palette replacement from the default Gantt palette. palette: ["#a6cee3", "#1f78b4", "#b2df8a", "#33a02c", "#fb9a99", "#e31a1c", "#fdbf6f", "#ff7f00", "#cab2d6", "#6a3d9a"], getValue: 'TASK.NAME' }, color: 'automatic', // Text color will be white or black depending on the background color of the activity rectangle. tooltipProperties: function (activity, ctx) { var props = ['Start', new Date(activity.start).format(), 'End', new Date(activity.end).format()]; // Create a large amount of tooltip properties to demonstrate how the tooltip behaves on large property numbers. for (var i = 0; i < 50; i++) { props.push('Property ' + (i + 1)); props.push('Value ' + (i + 1)); } return props; } }, { selector: function (object, ctx) { // Use this renderer if the display mode combobox is selected on 'Houses' //alert(object["id"]); //return ctx.gantt.colorMode === 'showHouses' }, text: function (activity) { return "H" + activity.HOUSE; }, background: { values: function (object, ctx) { return Object.keys(ctx.gantt.houseTimeWindows); }, // Default palette is used getValue: 'HOUSE' // Access the HOUSE field of provided activity. eq to function(act) { return act.HOUSE; } }, color: 'automatic' // Text color will be white or black depending on the background color of the activity rectangle. }, { selector: function (object, ctx) { // Use this renderer if the display mode combobox is selected on 'All' //alert(object["id"]); //console.log(object["id"]); //return ctx.gantt.colorMode === 'showAll' },

                                        text: function (activity) {
                                            return "H" + activity.HOUSE + '-' + activity.TASK.NAME;
                                        },
                                        background: {
                                            values: function (object, row) {
                                                return Object.keys(row.gantt.houseTimeWindows);
                                            },
                                            getValue: 'HOUSE'
                                        },
                                        color: 'automatic' // Text color will be white or black depending on the background color of the activity rectangle.
    
    
                                    },
    
                                ],
                                interactor: {
                                    click : {
                                        processClick(p){
                                            console.log("asdsad");
                                        }
                                    }
                                },
    
                            }
    
    opened by cemalmetan 0
  • Split Pane cutting off tree when names of resources are too long

    Split Pane cutting off tree when names of resources are too long

    Is there a way to customize the position of the split pane through configuration properties or calling a particular method? I can't seem to find out the proper way to do this. Thank you.

    opened by delcacho 0
Releases(v0.5.11)
This plugin for Chart.js that makes your bar chart to 100% stacked bar chart.

chartjs-plugin-stacked100 This plugin for Chart.js that makes your bar chart to 100% stacked bar chart. Requires Chart.js 3.x. Demo: https://y-takey.g

y-take 106 Jan 3, 2023
TradeX-chart is a trade chart written in plain (vanilla) JavaScript with minimal dependencies

TradeX-chart is a trade chart written in plain (vanilla) JavaScript with minimal dependencies; use it with any framework or backend.

null 24 Dec 12, 2022
Open Source Javascript Gantt

Frappe Gantt A simple, interactive, modern gantt chart library for the web View the demo » Install npm install frappe-gantt Usage Include it in your

Frappe 3.5k Dec 30, 2022
A Simple Dashboard Chart in Laravel Nova using Chart JS

A Simple Dashboard Chart in Laravel Nova using Chart JS. Starting create your own dashboard with Chart JS Integration can save your time and help you maintain consistency across standard elements such as Bar, Stacked, Line, Area, Doughnut and Pie Chart.

Kuncoro Wicaksono 177 Jan 4, 2023
Chart.js plugin to defer initial chart updates

Chart.js plugin to defer initial chart updates until the user scrolls and the canvas appears inside the viewport, and thus trigger the initial chart a

Chart.js 97 Nov 9, 2022
Bar Funnel Chart extension for Chart.js

Chart.BarFunnel.js Provides a Bar Funnel Chart for use with Chart.js Documentation To create a Bar Funnel Chart, include Chart.BarFunnel.js after Char

Chart.js 58 Nov 24, 2022
A jsPlumb-based tree chart implementation for jQuery.

jsPlumbTree A jQuery plugin for generating a tree structure using jsPlumb. The tree is drawn from left to right, top to bottom. Please note that only

Daniele Ricci 4 Jul 27, 2022
Redefined chart library built with React and D3

Recharts Introduction Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts i

recharts 19.4k Jan 2, 2023
React components for Chart.js, the most popular charting library

react-chartjs-2 React components for Chart.js, the most popular charting library. Supports Chart.js v3 and v2. Quickstart • Docs • Slack • Stack Overf

null 5.6k Jan 4, 2023
A simple and minimal, ultra-lightweight vanilla JS framework with 0 deps.

piss.js A simple and minimal, ultra-lightweight vanilla JS framework with 0 deps, containing one function, piss. This function has the background colo

grian 15 Oct 21, 2022
:bar_chart: A D3-based reusable chart library

c3 c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications. Follow the link for more information: http

C3.js 9.2k Jan 2, 2023
🍞📊 Beautiful chart for data visualization.

?? ?? Spread your data on TOAST UI Chart. TOAST UI Chart is Beautiful Statistical Data Visualization library. ?? Packages The functionality of TOAST U

NHN 5.2k Jan 2, 2023
:bar_chart: Re-usable, easy interface JavaScript chart library based on D3.js

billboard.js is a re-usable, easy interface JavaScript chart library, based on D3 v4+. The name "billboard" comes from the famous billboard chart whic

NAVER 5.4k Jan 1, 2023
:bar_chart: A library of modular chart components built on D3

Plottable Plottable is a library of chart components for creating flexible, custom charts for websites. It is built on top of D3.js and provides highe

Palantir Technologies 2.9k Dec 31, 2022
Chart image and QR code web API

QuickChart QuickChart is a service that generates images of charts from a URL. Because these charts are simple images, they are very easy to embed in

Ian Webster 1.3k Dec 25, 2022
📈 A small, fast chart for time series, lines, areas, ohlc & bars

?? μPlot A small (~35 KB min), fast chart for time series, lines, areas, ohlc & bars (MIT Licensed) Introduction μPlot is a fast, memory-efficient Can

Leon Sorokin 7.5k Jan 7, 2023
TChart.js - simple and configurable Bar and Line Chart library in Javascript

TChart.js Simple and configurable Bar and Line Chart library in Javascript Description TChart.js is a canvas-based simple Javascript Bar and Line Char

null 4 Mar 3, 2021
🍞📊 Beautiful chart for data visualization.

?? ?? Spread your data on TOAST UI Chart. TOAST UI Chart is Beautiful Statistical Data Visualization library. ?? Packages The functionality of TOAST U

NHN 5.2k Jan 6, 2023
The power of Chart.js in Jupyter !

The power of Chart.js in Jupyter Notebooks Installation You can install ipychart from your terminal using pip or conda: # using pip $ pip install ipyc

Nicolas H 68 Dec 8, 2022