cuốn sách gpt4 ai đã làm

android — Trục danh mục Amcharts cũng hiển thị ngày có dữ liệu trống

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 22:24:03 26 4
mua khóa gpt4 Nike

Tôi đang lập biểu đồ các loại trái cây nên ăn trong một ngày và nó hoạt động rất tốt trong ví dụ dưới đây.

var Chart = AmCharts.makeChart("chartdiv", {
"loại": "nối tiếp",
"ẩnTín dụng": đúng,
"fixedColumnWidth": '10px',

"huyền thoại": {
"Khoảng cách ngang": 10,
"cột tối đa": 1,
"vị trí": "đúng",
"useGraphSettings": đúng,
"Kích thước điểm đánh dấu": 10
},
"nhà cung cấp dữ liệu": [{
"ngày sáng tạo": "04/09/18",
"Chuối": 1,
“Táo”: 13,
“Nho”: 24
},

{
"ngày sáng tạo": "09/06/18",
“Chuối”: 10,
“Táo”: 13,
“Nho”: 24
},

{
"ngày sáng tạo": "08/09/18",
"Chuối": 11,
“Táo”: 13,
“Nho”: 24
},
{
"ngày sáng tạo": "09/09/18",
"Chuối": 1,
“Táo”: 50,
“Nho”: 24
},
],

//"gridAboveGraphs": đúng,
"Thời lượng bắt đầu": 1,

"valueAxes": [{
"stackType": "thông thường",
"trụcAlpha": 0,3,
"gridAlpha": 0,
"tối thiểu": 0,
"tối đa": 50,
"Số lưới": 1

}],
"đồ thị": [{
"balloonText": "[[title]]
[[category]]: [[value]] ",
"fillColors": "#47b012",
"lineColor": "#47b012",
"fillAlphas": 0,8,
"labelText": "[[value]]",
"lineAlpha": 0,3,
"title": "Ăn nho",
"loại": "cột",
"màu": "#000000",
"valueField": "Nho",
"cố địnhColumnWidth": 25
}, {
"balloonText": "[[title]]
[[category]]: [[value]] ",
"fillColors": "#fff138",
"lineColor": "#fff138",
"fillAlphas": 0,8,
"labelText": "[[value]]",
"lineAlpha": 0,3,
"title": "Ăn chuối",
"loại": "cột",
"màu": "#000000",
"valueField": "Chuối",
"cố địnhColumnWidth": 25
}, {
"balloonText": "[[title]]
[[category]]: [[value]] ",
"fillColors": "#dd111b",
"lineColor": "#dd111b",
"fillAlphas": 0,8,
"labelText": "[[value]]",
"lineAlpha": 0,3,
"title": "Táo đã ăn",
"loại": "cột",
"màu": "#000000",
"valueField": "Apple",
"cố địnhColumnWidth": 25
}],
"categoryField": "Ngày tạo",
"categoryAxis": {
"gridPosition": "bắt đầu",
"trục Alpha": 0,
"gridAlpha": 0,
"vị trí": "trái",
"NhãnRotation": 80,
},
});
#chartdiv {
width: 100%;
chiều cao: 500px;
}






Nhưng điều tôi cần là hiển thị dữ liệu trong ngày không ăn trái cây như ảnh chụp màn hình bên dưới. nhập mô tả hình ảnh ở đây

05-09-2018 và 09-07-2018 Dữ liệu không có ở đó nhà cung cấp dữ liệu nên tôi muốn nó tự động điền vào biểu đồ.

câu trả lời hay nhất

Bạn hiện có trục danh mục chung xử lý ngày tháng dưới dạng chuỗi (danh mục).

Nếu bạn muốn có thang đo ngày thực, bạn cần đặt nó qua phân tích ngày: đúng Biến nó thành trục danh mục dựa trên ngày. hiện hữu thể loạiTrục 中。

Nhưng điều này là không đủ.

Vì ngày của bạn ở định dạng ngày không chuẩn nên bạn cần hướng dẫn amCharts cách phân tích chúng. Đó làdữ liệuDateFormatCài đặt đi vào:

dataDateFormat: "DD/MM/YYYY"

Cuối cùng, các nhãn tuân theo các quy tắc khác nhau trên trục dựa trên ngày. Vì vậy, chúng ta cần thực hiện một số điều chỉnh mã để hiển thị tất cả chúng:

"categoryAxis": {
// ...
"autoGridCount": sai,
"Số lưới": 20
},

Đây là biểu đồ của bạn:

var Chart = AmCharts.makeChart("chartdiv", {
"loại": "nối tiếp",
"ẩnTín dụng": đúng,
"fixedColumnWidth": '10px',
"dataDateFormat": "DD/MM/YYYY",

"huyền thoại": {
"Khoảng cách ngang": 10,
"cột tối đa": 1,
"vị trí": "đúng",
"useGraphSettings": đúng,
"Kích thước điểm đánh dấu": 10
},
"nhà cung cấp dữ liệu": [{
"ngày sáng tạo": "04/09/18",
"Chuối": 1,
“Táo”: 13,
“Nho”: 24
},

{
"ngày sáng tạo": "09/06/18",
“Chuối”: 10,
“Táo”: 13,
“Nho”: 24
},

{
"ngày sáng tạo": "08/09/18",
"Chuối": 11,
“Táo”: 13,
“Nho”: 24
},
{
"ngày sáng tạo": "09/09/18",
"Chuối": 1,
“Táo”: 50,
“Nho”: 24
},
],

//"gridAboveGraphs": đúng,
"Thời lượng bắt đầu": 1,

"valueAxes": [{
"stackType": "thông thường",
"trụcAlpha": 0,3,
"gridAlpha": 0,
"tối thiểu": 0,
"tối đa": 50,
"Số lưới": 1

}],
"đồ thị": [{
"balloonText": "[[title]]
[[category]]: [[value]] ",
"fillColors": "#47b012",
"lineColor": "#47b012",
"fillAlphas": 0,8,
"labelText": "[[value]]",
"lineAlpha": 0,3,
"title": "Ăn nho",
"loại": "cột",
"màu": "#000000",
"valueField": "Nho",
"cố địnhColumnWidth": 25
}, {
"balloonText": "[[title]]
[[category]]: [[value]] ",
"fillColors": "#fff138",
"lineColor": "#fff138",
"fillAlphas": 0,8,
"labelText": "[[value]]",
"lineAlpha": 0,3,
"title": "Ăn chuối",
"loại": "cột",
"màu": "#000000",
"valueField": "Chuối",
"cố địnhColumnWidth": 25
}, {
"balloonText": "[[title]]
[[category]]: [[value]] ",
"fillColors": "#dd111b",
"lineColor": "#dd111b",
"fillAlphas": 0,8,
"labelText": "[[value]]",
"lineAlpha": 0,3,
"title": "Táo đã ăn",
"loại": "cột",
"màu": "#000000",
"valueField": "Apple",
"cố địnhColumnWidth": 25
}],
"categoryField": "Ngày tạo",
"categoryAxis": {
"gridPosition": "bắt đầu",
"trục Alpha": 0,
"gridAlpha": 0,
"vị trí": "trái",
"NhãnRotation": 80,
"parseDates": đúng,
"autoGridCount": sai,
"Số lưới": 20
},
});
#chartdiv {
width: 100%;
chiều cao: 500px;
}






Về javascript - Trục danh mục Amcharts cũng hiển thị ngày có dữ liệu trống, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/52288346/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress