Vue Chart - series.point.image

Substitutes the standard point symbols with an image.

Selector: DxImage
Type:

String

|

Object

Default Value: undefined
This member is exposed by the following entities:

To display an image instead of series points, assign its URL to the url property. If needed, resize the image using the height and width properties. Otherwise, you can assign the URL directly to the image property.

View Demo

height

Specifies the height of the image used instead of a point marker.

Selector: DxHeight
Type:

Number

|

Object

Default Value: 30
This member is exposed by the following entities:

Normally, this property accepts a numeric value, but if you have a range area series, you may want to specify different heights for the minimum and maximum points. In that instance, set the height property to an object with the rangeMinPoint and rangeMaxPoint fields.

url

Specifies the URL of the image to be used as a point marker.

Selector: DxUrl
Type:

String

|

Object

Default Value: undefined
This member is exposed by the following entities:

Normally, this property accepts one URL as a string value, but if you have a range area series, you may want to specify different images for the minimum and maximum points. In that instance, set the url property to an object with the rangeMinPoint and rangeMaxPoint fields.

width

Specifies the width of an image that is used as a point marker.

Selector: DxWidth
Type:

Number

|

Object

Default Value: 30
This member is exposed by the following entities:

Normally, this property accepts a numeric value, but if you have a range area series, you may want to specify different widths for the minimum and maximum points. In that instance, set the width property to an object with the rangeMinPoint and rangeMaxPoint fields.