amcharts的柱状图方向相反。
创始人
2024-09-30 06:00:30
0

要将AmCharts的柱状图方向相反,可以使用以下代码示例:

HTML:

JavaScript:

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

// 将柱状图方向设置为相反
chart.reverseCategories = true;

// 添加数据
chart.data = [{
  "category": "A",
  "value": 10
}, {
  "category": "B",
  "value": 20
}, {
  "category": "C",
  "value": 15
}];

// 创建类目轴
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";
categoryAxis.renderer.grid.template.location = 0;

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

// 创建柱状图系列
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "value";
series.dataFields.categoryX = "category";
series.name = "Value";
series.columns.template.tooltipText = "{categoryX}: [bold]{valueY}[/]";

// 添加柱状图的列模板
var columnTemplate = series.columns.template;
columnTemplate.strokeWidth = 2;
columnTemplate.strokeOpacity = 1;

// 渲染图表
chart.render();

通过将chart.reverseCategories属性设置为true,可以实现柱状图方向相反的效果。

相关内容

热门资讯

真的有挂辅助!微乐广西小程序,... 微乐广西小程序 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由: 1、...
有挂秘诀开挂!海贝之城辅助器,... 有挂秘诀开挂!海贝之城辅助器,小南娱乐开挂系统(透视脚本开挂辅助平台);无需打开直接搜索加薇1367...
有挂分享开挂!雀友会免费自动挂... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加(136704302)微信号是一款...
有挂头条开挂!填大坑辅助器视频... 有挂头条开挂!填大坑辅助器视频,hhpoker辅助器(解密关于开挂辅助下载);无需打开直接搜索薇:1...
真的有挂辅助!hhpoker挂... >>您好:hhpoker挂免费辅助器确实是有挂的,很多玩家在这款hhpoker挂免费辅助器游戏中打牌...
有挂解惑辅助!小闲南川手游辅助... 有挂解惑辅助!小闲南川手游辅助器,吉祥填大坑攻略(科技通报开挂辅助工具) 【无需打开直接搜索加薇13...
有挂教程辅助!琼崖海南辅助,新... 有挂教程辅助!琼崖海南辅助,新海贝之城app破解(揭秘几款开挂辅助神器)>>您好:软件加136704...
有挂解惑辅助!朋朋政和辅助,杭... 有挂解惑辅助!朋朋政和辅助,杭州边锋辅助软件(玩家必看科普开挂辅助安装)您好:杭州边锋辅助软件这款游...
了解有挂辅助!雷霆辅助器,反杀... 了解有挂辅助!雷霆辅助器,反杀大厅辅助(一分钟了解开挂辅助平台);无需打开直接搜索微信(136704...
真实有挂辅助!卡五星辅助软件,... 真实有挂辅助!卡五星辅助软件,佛手在线大菠萝智能辅助器(玩家交流开挂辅助工具)《详细加薇136704...