{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/javascript-data-grid/integrated-charts-toolbar/",
    "result": {"data":{"markdownRemark":{"htmlAst":{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The chart toolbar allows users to unlink charts from the grid and download the current chart.   "}]},{"type":"element","tagName":"figure","properties":{},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 166px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/archive/29.1.0/static/c5d0489d0fb0279203d2d3568ee7ff13/02ab0/chart-toolbar.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 166.26506024096386%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAhCAYAAADZPosTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEVUlEQVRIx51Wa1PbVhDVn+7Hhs70L+RTk2lnmhnyoS2Q4TUpaYINDCUEbEMTMDZ+gi1bkt+SrnR17+nsSpYfQPrQzJm9kq+O9uzukWXUOwFqCerdEI2u5DhFY2799LlEvRMyjPs+0B7EaNoKtY6MN/wH0D13DhjG3kEB67uHWNs5wGXJxn0PycboXyEm0zjOV7F3eAHjzds/8eLVBn5c3cSnzy00HaBihqiaEtXO46g9IATe/H6M1bU9GHbfQ28o4AwFus4E7e4QbSuGmaDVHaTX6bzeHi6UhtakjCUL4UP4HigGQnAMAwEpQwTJNWgFGQb8mwwFOtYAVTNAw5LcxAaTxo01fN9HDAHP80DHbaWCo+NjXo9GI+TyBdy3WgjDkEk79hANS6VZUQ3NIdAZAYYvBAhEprXGTamE/UyWiYIgwHg8wW/rGygWb6CUSgnrVsRkTVuj1QfOr9rcGEOwTAHh+wiFQM9xGEpKCM+DN5nA9zy44zGfUzmYsLtI+Dabxy+b+zBc2uy6cIMArgYEYkyiCK5S8LSGpzRH+t0PApjdwZLk2agZJNWTEbxmE97WNvxMFv6HfYb3/gOD14TtHQjThNkbo9oWC02Zrg1ozcXH9TVweorI8yBtC9JxgOEQGI/hmyaU6wInJ0CtCseTqLT8xHKzsSHphlYKRKlvSsDtLWq2jdOzM1yXylDxo3BTLmMQhkCpDDTqsN0QlRZlGDEpyT88K+Pd4eUcIWVYLHL9nH4fLs0fgCCKUK5U4Pg+cHUFVCuwXZkSTp3y61YGL1+tzxF2OtA7O8DREXB0CBwcQGcyDFDMZqF3d4F+D/ZYMGFsv9gt1G2CQbPHIFIiD8MFYA70O1jBJG3K9DXGTjEDGFJKRFGENCaIlIKMVBKj+IFJ/5yBy9nFY6NTp1gTwACSDJPdREqOIAatNLNovbhnSnjXmw12odhF9mNxTnIimwgJ00N/jXDOKZmTazx/sTonOYoj+ZfW3ljAvhsk5YgeEs45peloXtd4sJeOSMbZ3V042P4+n6SJRcK+yw1o2hE3pmlF7BKKxrIkGUq+qZG3sfksB0BxLecJ7f4ElbZIXq4hgzIkGNOaTRGIgFOq5yxsruSgIDnrRUIXlXaw4JSPFw0cnd8+LblZcLC1kk/04pEMg8QpITflp9ebeP7y9f8ljDOsW1H62iIL0rW0yw8kn1tcw8clxzVc/iggPNmUZt7G1kqOyZebkjrFmTmFZJsDzCQnruKZ+yfJy9ajWGyMcFm25yRLGfs4CPmmr0ledIriz5jtP07xw89rM8kq2XzfG2HjpoZGzsLWd3GG+rEMrWjhP6VYH+FLdTBHqOLNn1sOvnl/jsZ59wGhSp0y4XGh7MgdhPtEeio5lHEzvrRsPMsWUPtk8mBHkElddTpavYGbvGDjzzgip5mkB6RNmT79qt3Dt9nCQob8VyAVWn0f3ZFAtU2fImEyhxE75a9bB7lrE38DJdfERbA4D4UAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Chart Toolbar","title":"Chart Toolbar","src":"/archive/29.1.0/static/c5d0489d0fb0279203d2d3568ee7ff13/02ab0/chart-toolbar.png","srcSet":["/archive/29.1.0/static/c5d0489d0fb0279203d2d3568ee7ff13/02ab0/chart-toolbar.png 166w"],"sizes":["(max-width:","166px)","100vw,","166px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy","decoding":"async"},"children":[]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"figcaption","properties":{"style":"text-align: center; font-size: 0.85rem; margin-top: 10px;"},"children":[{"type":"text","value":"Chart Toolbar"}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"h2","properties":{"id":"unlinking-charts","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#unlinking-charts","ariaLabel":"unlinking charts permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","dataPrefix":"fas","dataIcon":"link","className":["svg-inline--fa","fa-link"],"role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"},"children":[{"type":"element","tagName":"path","properties":{"fill":"currentColor","d":"M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"},"children":[]}]}]},{"type":"text","value":"Unlinking Charts"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Charts are linked to the data in the grid by default, so that if the data changes, the chart will also update. However, it is sometimes desirable to unlink a chart from the grid data. For instance, users may want to prevent a chart from being updated when subsequent sorts and filters are applied in the grid."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Unlinking a chart is achieved through the 'Unlink Chart' toolbar item highlighted below:"}]},{"type":"element","tagName":"div","properties":{"style":"display: flex; margin-bottom: 25px; margin-top: 25px; margin-left: 40px; gap: 40px"},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"figure","properties":{"style":"flex: 1; margin: 0;"},"children":[{"type":"text","value":"\n        "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 594px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/archive/29.1.0/static/43c135a4bcbec901d4adae0ce1d5c9cc/d32a3/chart-toolbar-link-chart.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 78.99999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC80lEQVQ4y3WSS4skRRSF8y/pzv/gb3Ah80NGRFwqwtCMDIoLBUUdN4roWkaRZqa71X5VZVV1VWVm5yvyEc98fZJRPQ06TMLh3jgcTmTcc4OyKAjDEFGWOGM9KlGy3d5gjPaw1tDUNev1CiVb7EuuOXBFnuGs8dpgXQrCLGVfV6RaEUnFJpOs44pEOBJhfd3nmjASxKW956JCs4ordpny51hYgn/qW17EC9ZdSUzDsm8522mWkeMmh3U2+Xq9N1xsJNsC1umBW8YdYdJ7bjPrsongXCRsm5TEViRWsNU1q1SxTzVx4Yhy5+s+M2xv1R1n/8PNmpnbZo7gusmJoojF9YLlYkmRFzhrMVrfz/B1mOcoZUuR54gyJxeG4KrOMM7iug7nZji6rjvg/+dX0KOjmHYZYtuGoukJLqsUbTTDMAATr/smj+m+Yzpox7LE7nb0WlHKgeCqyWhlS1UJRqArF/Q6Z7AWV2Vs6y3dCO7qe1C518yXD+NI39YMzjLdmZfzHy6rEm0MbVP7u82LI3pxgjv9k+rnL3ly/Q2qc+jf3+dq9as3nHrnDdqnj3Hh355jGqnUQCCVRklJYwxdHCEevQ02pDs5pnj8Lp8+/wgL5M8ecvTsIfb4N5Kv3+G8vkB9e0S/OvfmnXNIpWZD5RPVw4hbXlJ+8BZVfYr564z8wzd58sd7qNuU2x8e8NnJJ3S/fMfFx2/w+cUXTD9+xe75T1zUK8ZuoG4aglZKn/A4TVglKcJTbus9uqkow1NKkyPTmHxxTGkKVJ6Sbc6obIVKIpKbM3KV+5xmn6CuGx///FnnUO7Qz5nrfkI2CtEoursF6PqBYe5HEE1zmN88wmnyq+Sf3PX9KyuCblFZQt0IBhljjUWYkqoVWGPuk/XLNB3Q9/3hycYcoh/HkXEcvGGf7hDhJVIK1P6YqpKsxYpNsqGu6nv9vEIv+/mlQV4IVpstpaiRynjMfVG1aDcglUXZkapuEWWDtT1SH3Qzl2aF71upff0XM5G6vxk8v0YAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Chart Toolbar Link button with linked data","title":"Chart Toolbar Link button with linked data","src":"/archive/29.1.0/static/43c135a4bcbec901d4adae0ce1d5c9cc/d32a3/chart-toolbar-link-chart.png","srcSet":["/archive/29.1.0/static/43c135a4bcbec901d4adae0ce1d5c9cc/56d15/chart-toolbar-link-chart.png 200w","/archive/29.1.0/static/43c135a4bcbec901d4adae0ce1d5c9cc/d9f49/chart-toolbar-link-chart.png 400w","/archive/29.1.0/static/43c135a4bcbec901d4adae0ce1d5c9cc/d32a3/chart-toolbar-link-chart.png 594w"],"sizes":["(max-width:","594px)","100vw,","594px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy","decoding":"async"},"children":[]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n        "},{"type":"element","tagName":"figcaption","properties":{"style":"text-align: center; font-size: 0.85rem; margin-top: 10px;"},"children":[{"type":"text","value":"Chart Toolbar Link button with linked data"}]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"figure","properties":{"style":"flex: 1; margin: 0;"},"children":[{"type":"text","value":"\n        "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 594px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/archive/29.1.0/static/3b2dc10f535e92c0b85ccdf648e47c66/d32a3/chart-toolbar-unlink-chart.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 78.99999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAACXBIWXMAAAsTAAALEwEAmpwYAAACw0lEQVQ4y3WT244bRRCG55XgjnfgGbhAPEgQQrkERUKrIBLEBZFAkHADQnCNAkKrZHdB2cS7Nl5nba89h56Z7unDHL6oemyTXKSlUleXqv46/Z2kacbl5ZQsy7HW0lhLlufMr65ommYUa1GqZDqbUdf1/7ZytG232xhrTENS1TV5nmOMwfuA9z7qAiD6XgSkUArn3Gu2MdEYO9oSrQ3L1YoQAvsjQSJyhmGIt1RQax31fmeTAkJoD34iSVlViAiABDk3ViPlS0Z5O+93LZmdzUWbtC0FiY+1Y+WJBF5fL3kxmTC5uGCbpod5HGb4NpGqa02apjFO3ok2YwZpObbgR30vPrz5fl3atqVZLqkvpzRVjQuBRDIIctd1MgnedoYow0FjN8cuz7GLBcEYQtuNLQuoUgU9EPIL2ialk5moLYtyQejBv3gIJo0+krzre0Jd0nk3LoQhLigCykDrqoy57dMj2uIEf/o36tdv+WryPSZ4mj8/YTL7PQIOrY/V1Y/u4qf/jra+p+12FRqtqawlrJYUX7wPbko4OSa7+yFfPvkMIVD6+BZHj2/hjv9g/d0HPCvPMT8c0c6eRfCw429cipWNdT3+8jn5p++hylPsP2ekt9/l3l8fY2423Pz0EfdP7hB++5Hzz9/h6/NvGH5+wMsnv3BezuhDF+mXCFl9CJGszmiy6Sk35TVNpcinp+Q2RW9WpBfH5DbDpBu28zOUU5j1kvXVGalJ454EJynL6sB2Iavxoy47b9oBXRmKyhB2BJBNdqL3UFRVnN/+pwiVYsuhbd8gSIxtasx2TVkVdHqFs47C5qi6wFl7+JLRf/fthJexZdmyGPq+p++7CNhuXlJMn6N1gbk+RinNf8WM+XpOqcqDv1Bor0fapFnBbL4gL0q0sVFEz1RN4zu0cRjXo8qaIpc/36Kb0U9sm20W9Vo38X4F+BXDdMzYjz0AAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Chart Toolbar Link button with unlinked data","title":"Chart Toolbar Link button with unlinked data","src":"/archive/29.1.0/static/3b2dc10f535e92c0b85ccdf648e47c66/d32a3/chart-toolbar-unlink-chart.png","srcSet":["/archive/29.1.0/static/3b2dc10f535e92c0b85ccdf648e47c66/56d15/chart-toolbar-unlink-chart.png 200w","/archive/29.1.0/static/3b2dc10f535e92c0b85ccdf648e47c66/d9f49/chart-toolbar-unlink-chart.png 400w","/archive/29.1.0/static/3b2dc10f535e92c0b85ccdf648e47c66/d32a3/chart-toolbar-unlink-chart.png 594w"],"sizes":["(max-width:","594px)","100vw,","594px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy","decoding":"async"},"children":[]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n        "},{"type":"element","tagName":"figcaption","properties":{"style":"text-align: center; font-size: 0.85rem; margin-top: 10px;"},"children":[{"type":"text","value":"Chart Toolbar Link button with unlinked data"}]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Notice that the chart range disappears from the grid when the chart has been unlinked. Subsequent changes to the grid sorting also do not impact the chart."}]},{"type":"element","tagName":"h2","properties":{"id":"downloading-charts","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#downloading-charts","ariaLabel":"downloading charts permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","dataPrefix":"fas","dataIcon":"link","className":["svg-inline--fa","fa-link"],"role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"},"children":[{"type":"element","tagName":"path","properties":{"fill":"currentColor","d":"M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"},"children":[]}]}]},{"type":"text","value":"Downloading Charts"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The 'Download Chart' toolbar item will download the chart as a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"PNG"}]},{"type":"text","value":" file. Note that the chart is drawn using Canvas in the browser and as such the user can also right click on the chart and save just like any other image on a web page."}]},{"type":"element","tagName":"figure","properties":{},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 104px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/archive/29.1.0/static/43b2c99e21dc8a79b82589264808d1b2/609c6/chart-toolbar-download.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 222.1153846153846%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAsCAYAAABloJjNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC40lEQVRIx81WTU/jMBDtr+6dI0fEASohPgQcupyQ4MBl+QULbFtA7B6gLOpuBZQmzZft2A+NUxcnOJC0HNbSyPYb93XGz564gaptZQVot4HjY+DoCDg8BE5OgKUl4OVFL5kEIRpKKdhGTUqJOI6RJAw8YRm2tQU55R4mCdLpWB0cQD486LHnTdAwARgyalfX1+h0uuhdXuLi/BwJ+TY3oYIAUgj8vrlBMBplv9vbgxoMMkLfQUh9t9fDxc8OOt0ezn6cIU5TYHsbYAxhFOH76Sn+3PWz9fv7bkKbVAiBIAgRxTHiKMp86+uQjGHw+ISrm1+4vb1DTI7dXSiTclmEyP8LNLKzA7W6CtZqQbRaYGtrkBsbwPKy3gonoU2aE8qQCgFQ+mRS6jnhJgTPD/IpO5shm/ZFgxVIZcJZX2I5wmJ6day4VdUi/DD4vJCakG5Fmqa1rTRCctK545wjoSs1nRujOeHkt32fpkwgLXQ1wimTSinbBYGiKJ7DIuGnonw54ZenTAuN0owx7TQYGc0JN8rauDNCoxr9KIqimeLGaE7Flvy2b+GU31WhhVTm/4PKRcJiBa91sI16ZRGaa1ep2hjlSEVS01bYmFHZxlzkCx1sl+r+JJxfFP0bpZAwlj0IhMDTaFxOWCaKTRhGMR6fnvWLwfcnGPwdLhYhERIR1/vL8Dx6cR8b14ff3kObcDz2IFLypzrauVSmsSYMI/3CGA7/od/vY+z5VVPmzpTp+ca5wLd2Wz+qgjCqf1NyeziLcIj7+1oRloui91BYe1it2vD6Ks/zCZidQ99/O4e2ymUVm/BixXbelOfxW7UpflPs/qNq8+4uL/rVc1Vs/dSTUirOucrWvTWaCyG03+Wzx54fKCKksISUUnA6pYAgzFgWoND+oq+4zvMDUana8MKxKfsUmJSbAJpSyibnXI8NZnohhPbbmG0G8/ygSYQkDL0gGkmS6LHBTE94mqY5zDaDeX7QeAWsx2DADkXrTAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Chart Toolbar Download Chart button","title":"Chart Toolbar Download Chart button","src":"/archive/29.1.0/static/43b2c99e21dc8a79b82589264808d1b2/609c6/chart-toolbar-download.png","srcSet":["/archive/29.1.0/static/43b2c99e21dc8a79b82589264808d1b2/609c6/chart-toolbar-download.png 104w"],"sizes":["(max-width:","104px)","100vw,","104px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy","decoding":"async"},"children":[]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]},{"type":"text","value":"\n    "},{"type":"element","tagName":"figcaption","properties":{"style":"text-align: center; font-size: 0.85rem; margin-top: 10px;"},"children":[{"type":"text","value":"Chart Toolbar Download Chart button"}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The chart can also be "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.1.0/integrated-charts-api-downloading-image"},"children":[{"type":"text","value":"downloaded using the Grid API"}]},{"type":"text","value":"."}]},{"type":"element","tagName":"h2","properties":{"id":"toolbar-customisation","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#toolbar-customisation","ariaLabel":"toolbar customisation permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","dataPrefix":"fas","dataIcon":"link","className":["svg-inline--fa","fa-link"],"role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"},"children":[{"type":"element","tagName":"path","properties":{"fill":"currentColor","d":"M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"},"children":[]}]}]},{"type":"text","value":"Toolbar Customisation"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Chart Toolbar items can be omitted and ordered using the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"getChartToolbarItems()"}]},{"type":"text","value":" grid callback which can return\nwhich toolbar items should be shown and the order in which they appear: "}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = { \n    getChartToolbarItems: () => ['chartUnlink', 'chartDownload'] // default items and order\n}\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The example below shows how the toolbar can be customised to only show the 'Download Chart' toolbar item."}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Toolbar Customisation","name":"toolbar-customisation","type":"generated","options":"{ \"enterprise\": true, \"modules\": [\"clientside\", \"menu\", \"charts\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"next-up","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#next-up","ariaLabel":"next up permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","dataPrefix":"fas","dataIcon":"link","className":["svg-inline--fa","fa-link"],"role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"},"children":[{"type":"element","tagName":"path","properties":{"fill":"currentColor","d":"M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"},"children":[]}]}]},{"type":"text","value":"Next Up"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Continue to the next section to learn about the: "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.1.0/integrated-charts-container/"},"children":[{"type":"text","value":"Chart Container"}]},{"type":"text","value":"."}]}]},"frontmatter":{"title":"Chart Toolbar","version":null,"enterprise":true,"description":null},"headings":[{"id":"unlinking-charts","depth":2,"value":"Unlinking Charts"},{"id":"downloading-charts","depth":2,"value":"Downloading Charts"},{"id":"toolbar-customisation","depth":2,"value":"Toolbar Customisation"},{"id":"next-up","depth":2,"value":"Next Up"}]}},"pageContext":{"frameworks":["javascript","react","angular","vue"],"framework":"javascript","srcPath":"/integrated-charts-toolbar","pageName":"integrated-charts-toolbar"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}