Я вижу другие ответы, но они в форме треугольника. Что мне действительно нужно, так это сделать значок круга, как на картинке ниже:
Я попытался настроить "kendo.geometry.Rect" в этом примере Dojo с помощью API круглой геометрии. Но мне нужна помощь в понимании того, что я должен делать.
Ваша геометрия круга определяет только центр и радиус. Затем вам нужно использовать drawing.Circle. :
visual: function (e) {
// get color of current marker and label
var color = e.options.markers.background;
var labelColor = e.options.labels.color;
var rect = new kendo.geometry.Rect([0, 0], [100, 50]);
var layout = new kendo.drawing.Layout(rect, {
spacing: 5,
alignItems: "center"
});
// create a circle geometry centered at x=10, y=5, with a radius of 5
var CircGeometry = new kendo.geometry.Circle([10, 5], 5);
// draw the circle using the geometry and set the color (could have no stroke)
var MarkerCircle = new kendo.drawing.Circle(CircGeometry, {
stroke: { color: color, width: 1 },
fill: { color: color }
});
//Create the text label
var label = new kendo.drawing.Text(e.series.name, [0, 0], {
fill: {
color: labelColor
}
});
//Add circle and label to layout object
layout.append(MarkerCircle, label);
layout.reflow()
return layout;
}
