Tôi đang sử dụng thư viện flot để thiết kế biểu đồ thanh xếp chồng lên nhau, trong đó tôi đang sử dụng các tệp js sau.nhãn biểu đồ thanh flot nhãn xaxis với văn bản xoay theo -90 sự cố liên kết
<script src="@Url.Content("~/Scripts/charts/excanvas.js")"></script>
<script src="@Url.Content("~/Scripts/charts/jquery.flot.js")"></script>
<script src="@Url.Content("~/Scripts/charts/jquery.flot.symbol.js")"></script>
Với tập lệnh sau, tôi xác định biểu đồ thanh có văn bản xoay xaxis bằng -90 độ.
$.each(data, function (index, item) {
i = (index + 1) * 2;
DataValues.push({ data: [i, item.Value], color: Color[i] });
DataValues.push([i, item.Value]);
TickData.push([i, item.MonthName]);
});
$.plot($("#CurrentYearlyTrendsBar"), [{ data: DataValues, color: "#3D69AA" }],
{
series: { bars: { show: true } },
bars: {
barWidth: 1.5,
align: "center"
},
xaxis: {
ticks: TickData,
axisLabelUseCanvas: true,
labelAngle: -90,
},
yaxis: { axisLabelUseCanvas: true },
grid: { hoverable: true }
});
$("#CurrentYearlyTrendsBar").UseTooltip();
Vấn đề tôi đang gặp phải là định vị nhãn xaxis. nhãn xaxis được đặt ở cạnh trái của thanh tương ứng trong biểu đồ.
Vui lòng đề nghị tôi làm cách nào để căn giữa căn chỉnh nhãn xaxis với các thanh tương ứng. Thanks in Advance ...
Bạn có thể miêu tả vấn đề của bạn với hình ảnh hoặc fiddle? –
Flot không hỗ trợ nhãn trục xoay; bạn đang sử dụng plugin nào để làm điều đó? Bạn đang sử dụng phiên bản nào của Flot? – DNS
@captain Tôi không thể thêm hình ảnh được đề cập do hạn chế danh tiếng tối thiểu do stackoverflow & I havent sử dụng fiddler. Vì vậy, bạn có thể đề nghị tôi làm thế nào tôi có thể đính kèm hình ảnh với câu hỏi, – Shaggy