我正在使用Kendo圖表,並且希望爲圖形上的每個點添加特定標籤,而不是與該點的數據值相關,而是與定性相關的符號該點的財產。Kendo想要爲每個圖形點添加特定標籤
在這段代碼中,我能夠按照系列定製標籤,默認爲向上箭頭,印度是*,俄羅斯聯邦是空間。但是,它不會讓我在每個系列的每個點上都改變標籤。任何方式來做到這一點?任何方式來爲每個系列擁有一組標籤值,或者類似的東西?
謝謝!
--Bruce
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/bar-charts/column">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.504/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.504/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.504/styles/kendo.material.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2017.2.504/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.504/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div class="demo-section k-content wide">
<div id="chart" style="background: center no-repeat url('../content/shared/styles/world-map.png');"></div>
</div>
<script>
function createChart() {
$("#chart").kendoChart({
title: {
text: "Gross domestic product growth /GDP annual %/"
},
legend: {
position: "top"
},
seriesDefaults: {
type: "column",
labels: {template: "↑",
visible: true, color: 'red',
position: "outsideEnd"}
},
series: [{
name: "India",
data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855],
labels: {template: "*"}
}, {
name: "Russian Federation",
data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3],
labels: {template: " "}
}, {
name: "Germany",
data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995]
},{
name: "World",
data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727]
}],
valueAxis: {
labels: {
format: "{0}%"
},
line: {
visible: false
},
axisCrossingValue: 0
},
categoryAxis: {
categories: [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011],
line: {
visible: false
},
labels: {
padding: {top: 135}
}
},
tooltip: {
visible: true,
format: "{0}%",
template: "#= series.name #: #= value #"
}
});
}
$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);
</script>
</div>
</body>
</html>
應該是什麼規則來確定標籤的每個點?該點的索引決定其標籤或其他東西? – Shai
我有一個公式,將根據數據點隨時間如何變化以及/或者有多少原始數據項計算該數據點,爲每個數據點生成不同的值。例如,如果所有數據點都是調查中的平均數,我會希望標籤反映在計算平均值時是否至少有5個調查回答。底線,我們假設我將生成一系列標籤,類似於系列數據值的數組。 – Krulwich