Skip to main content


adds style classes to Chart

css?: string;


<style>    .custom-class .dhx_chart-graph_area {        fill:#444;    }    .custom-class .grid-line {        stroke: white;        stroke-width: 0.5;    }    .custom-class {        fill: orange;    }</style>
var chart = new dhx.Chart("chart", {    css: "custom-class",    scales: { // scales config }    series: [        {            //series config                         }    ]});

Related sample: Chart. Custom Styling

Note, that the DHTMLX library provides a set of own CSS classes that you can also apply to change the appearance of Chart:

var chart = new dhx.Chart({    css: "dhx_widget--bg_white dhx_widget--bordered"});