Choose an item

CSS Transformations

CSS Transformations help you change the visual appearance of charts so you can present them in a more interesting way. CSS transformations could be specially useful on the sports broadcasting industry, or in situations where you want to fit charts with other visuals.

Charts are compatible with the following transformations:

  • rotate (only rotateZ)
  • skewX
  • skew
  • skewY
  • scale
  • scaleX
  • scaleY
  • translate
  • translateX
  • translateY
  • matrix

For charts to work properly with CSS Transformations you need to set the applyCSSTransform attribute to 1.

{
  "chart": { "applyCssTransform": "1" }
}

You can apply the transformations on the parent object of a chart.

<html>
<div id="container" style="transform: scale(0.6,0.6)rotate(-76deg) translate(-52px,34px)skew(4deg,0);">
  Chart will render here
</div>
</html>

Here is an exmaple (refer to the HTML tab to see the source code):

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy