JavaScript/jQuery Chart - size

The Chart's default size is width: 400px; height: 400px. You can specify custom width and height for the component:

• Fixed
  Assign values to the size object's height and width properties.

• Relative
  Specify a container for the component. The Chart occupies the container area.

Assign 0 to the size object's height and width properties to hide the Chart component.

$(function() {
    $("#chartContainer").dxChart({
        // ...
        size: {
            height: 300,
            width: 600
        }
    });
});

Alternatively, you can use CSS to style the UI component's container:

$(function() {
    $("#chart").dxChart({
        // ...
    });
});

#chart {
    width: 85%;
    height: 70%;
}