AmCharts 4: 无法在LineSeries中使用categoryX。
创始人
2024-09-30 05:30:06
0

在AmCharts 4中,无法直接在LineSeries中使用categoryX。但是,您可以使用CategoryAxis来代替它。以下是一个示例代码,演示如何使用CategoryAxis来创建一个带有线系列的图表:

// 创建图表实例
var chart = am4core.create("chartdiv", am4charts.XYChart);

// 创建类别轴
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "categoryX";

// 创建值轴
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// 创建线系列
var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.categoryX = "categoryX";
series.dataFields.valueY = "valueY";
series.name = "Series Name";
series.strokeWidth = 2;

// 添加数据
chart.data = [
  { categoryX: "Category 1", valueY: 10 },
  { categoryX: "Category 2", valueY: 20 },
  { categoryX: "Category 3", valueY: 15 },
  // 添加更多数据...
];

// 添加一个光标
chart.cursor = new am4charts.XYCursor();

// 更新图表布局
chart.layout = "vertical";

// 更新图表外观
chart.paddingBottom = 30;

// 更新图例位置
chart.legend.position = "bottom";

// 更新图例标签样式
chart.legend.labels.template.fontSize = 12;

上面的代码创建了一个包含一个类别轴、一个值轴和一个线系列的图表。您可以根据需要添加更多的线系列。请确保将chartdiv替换为您的实际容器的ID。

chart.data中添加您的数据,并根据需要更新其他图表属性和样式。

希望这个示例能帮助您解决问题!

相关内容

热门资讯

三分钟积累!poker mas... 三分钟积累!poker master辅助(透视)一贯存在有辅助插件(哔哩哔哩)1、poker mas...
六分钟教程书!hhpoker外... 六分钟教程书!hhpoker外开挂靠谱吗(透视)真是真的是有辅助透视(哔哩哔哩)1、每一步都需要思考...
2分钟诀窍!wepoker可以... 2分钟诀窍!wepoker可以开透视吗(透视)一直存在有辅助插件(哔哩哔哩)1、wepoker可以开...
九分钟妙计!wepoker黑侠... 九分钟妙计!wepoker黑侠辅助器(透视)一直是有辅助透视(哔哩哔哩)1、下载好wepoker黑侠...
第6分钟要领!wepokerp... 第6分钟要领!wepokerplus作必弊(透视)一直存在有辅助教程(哔哩哔哩)所有人都在同一条线上...
一分钟秘籍!wepoker到底... 一分钟秘籍!wepoker到底有没有透视(透视)确实是真的有辅助开挂(哔哩哔哩)1、在wepoker...
2分钟教材!wepoker透视... 2分钟教材!wepoker透视有吗(透视)一贯有辅助辅助(哔哩哔哩)亲,关键说明,wepoker透视...
第2分钟资料!wepoker分... 第2分钟资料!wepoker分析(透视)好像真的是有辅助插件(哔哩哔哩)1、进入到wepoker分析...
第2分钟步骤!德普之星私人局透... 第2分钟步骤!德普之星私人局透视(透视)一贯是有辅助下载(哔哩哔哩)1、该软件可以轻松地帮助玩家将德...
第九分钟手册!哈糖大菠萝破解器... 第九分钟手册!哈糖大菠萝破解器(透视)确实真的是有辅助插件(哔哩哔哩)1、哈糖大菠萝破解器有没有辅助...