如何在 amCharts 中水平显示 y 轴标题?
How can I display y axis titles horizontally in amCharts?
谁能帮我水平显示 Y 轴的标题?我还希望图表占据完整的 X 轴(整个 X 轴)。下面是我使用的代码:
function createXYZchart() {
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = dataXYZ; //data source
chart.categoryField = "month"; //data provider X-Axis
var categoryAxis = chart.categoryAxis;
categoryAxis.labelRotation = 90;
chart.angle = 60;
chart.depth3D = 5;
chart.columnWidth = 0.85;
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 10;
valueAxis.autoGridCount = false;
valueAxis.minimum = 90;
valueAxis.maximum = 100;
valueAxis.gridCount=5;
valueAxis.labelFunction = formatLabel;
chart.addValueAxis(valueAxis);
}
要使垂直值轴标题水平显示,请使用其 titleRotation
属性:(将其设置为 0 - 或零旋转)
valueAxis.title = "Y axis";
valueAxis.titleRotation = 0;
要使图形扩展绘图区域的整个宽度,请将 categoryAxis
上的 startOnAxis
设置为 true
:
categoryAxis.startOnAxis = true;
谁能帮我水平显示 Y 轴的标题?我还希望图表占据完整的 X 轴(整个 X 轴)。下面是我使用的代码:
function createXYZchart() {
var chart = new AmCharts.AmSerialChart();
chart.dataProvider = dataXYZ; //data source
chart.categoryField = "month"; //data provider X-Axis
var categoryAxis = chart.categoryAxis;
categoryAxis.labelRotation = 90;
chart.angle = 60;
chart.depth3D = 5;
chart.columnWidth = 0.85;
var valueAxis = new AmCharts.ValueAxis();
valueAxis.dashLength = 10;
valueAxis.autoGridCount = false;
valueAxis.minimum = 90;
valueAxis.maximum = 100;
valueAxis.gridCount=5;
valueAxis.labelFunction = formatLabel;
chart.addValueAxis(valueAxis);
}
要使垂直值轴标题水平显示,请使用其 titleRotation
属性:(将其设置为 0 - 或零旋转)
valueAxis.title = "Y axis";
valueAxis.titleRotation = 0;
要使图形扩展绘图区域的整个宽度,请将 categoryAxis
上的 startOnAxis
设置为 true
:
categoryAxis.startOnAxis = true;