{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/react-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.3.4/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.3.4/static/c5d0489d0fb0279203d2d3568ee7ff13/02ab0/chart-toolbar.png","srcSet":["/archive/29.3.4/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":"text","value":"Unlinking Charts"},{"type":"element","tagName":"a","properties":{"href":"#unlinking-charts","ariaLabel":"unlinking charts permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"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.3.4/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.3.4/static/43c135a4bcbec901d4adae0ce1d5c9cc/d32a3/chart-toolbar-link-chart.png","srcSet":["/archive/29.3.4/static/43c135a4bcbec901d4adae0ce1d5c9cc/56d15/chart-toolbar-link-chart.png 200w","/archive/29.3.4/static/43c135a4bcbec901d4adae0ce1d5c9cc/d9f49/chart-toolbar-link-chart.png 400w","/archive/29.3.4/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.3.4/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.3.4/static/3b2dc10f535e92c0b85ccdf648e47c66/d32a3/chart-toolbar-unlink-chart.png","srcSet":["/archive/29.3.4/static/3b2dc10f535e92c0b85ccdf648e47c66/56d15/chart-toolbar-unlink-chart.png 200w","/archive/29.3.4/static/3b2dc10f535e92c0b85ccdf648e47c66/d9f49/chart-toolbar-unlink-chart.png 400w","/archive/29.3.4/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":"text","value":"Downloading Charts"},{"type":"element","tagName":"a","properties":{"href":"#downloading-charts","ariaLabel":"downloading charts permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"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.3.4/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.3.4/static/43b2c99e21dc8a79b82589264808d1b2/609c6/chart-toolbar-download.png","srcSet":["/archive/29.3.4/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.3.4/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":"text","value":"Toolbar Customisation"},{"type":"element","tagName":"a","properties":{"href":"#toolbar-customisation","ariaLabel":"toolbar customisation permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"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":"\n| const 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":"text","value":"Next Up"},{"type":"element","tagName":"a","properties":{"href":"#next-up","ariaLabel":"next up permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"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.3.4/integrated-charts-container/"},"children":[{"type":"text","value":"Chart Container"}]},{"type":"text","value":"."}]}]},"frontmatter":{"title":"Chart Toolbar","version":null,"enterprise":true,"sideMenu":null,"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":"react","srcPath":"/integrated-charts-toolbar","pageName":"integrated-charts-toolbar"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}