示例代码:
var chart = am5xy.create("chartdiv", am5xy.XYChart); // 创建一个数据系列并指定图表数据 var series = chart.series.push(new am5xy.LineSeries()); series.data = [{ "x": 1, "y": 10 }, { "x": 2, "y": 20 }, { "x": 3, "y": 15 }];
// 创建一个“Square”Sprite并将其设置为数据点的marker var sprite = am5xy.Sprite.new(chart.container, { type: "Square", fill: chart.colors.getIndex(2), width: 20, height: 20 }); sprite.isMeasured = false; series.bullets.push(sprite);
// 将sprite的fill属性设置为渐变颜色 sprite.fill = am5xy.color(0, 0, 0); sprite.fill.opacity = 0.3; sprite.fill.mutable = true; sprite.fill.gradient.stops.clear(); sprite.fill.gradient.addColorStop(0, am5xy.color(0, 0, 0, 0)); sprite.fill.gradient.addColorStop(1, am5xy.color(0, 0, 0, 1));
// 为sprite定义一个adapter,将数据点的y值传递给sprite的fill属性 sprite.adapter.add("fill", function (fill, target) { var dataItem = target.dataItem; if (dataItem) { fill.gradient.rotation = 90; fill.gradient.stops.each(function (stop) { stop.value = dataItem.valueY / chart.seriesContainer.width; }); } return fill; });
示例代码:
var chart = am5xy.create("chartdiv", am5xy.XYChart); // 创建一个数据系列并指定图表数据 var series = chart.series.push(new am5xy.LineSeries()); series.data = [{ "x": 1, "