如何添加图例到剑道股票图表使用多个系列
How to add legend to kendo stock chart using multiple series?
我们有一个页面,其中有股票图表,除了股票图表,在同一个页面中,我们也有网格,也在Kendo StockChart图例中没有动态显示。所以我试过在代码中使用多个系列:但是,当运行此代码图例值重复时,如何解决此问题
$(document).ready(function () {
var db = new kendo.data.DataSource({
data : data,
group: {
field: "studentmarks"
}
});
db.read();
$("#Chart").kendoStockChart({
theme : $(document).data("kendoSkin") || "silver",
dataSource: db,
aggregate : [
{ field: "ID", aggregate: "aggregate", line: "line"}
],
title : {
text: "CDR"
},
dateField : "time",
repeat : false,
legend : {
position: "right"
},
chartArea : {
background: ""
},
seriesDefaults: {
type: "line", field: "ID"
},
series : [
{
name : "iad",
data : data,
filter : "studentmarks",
color : "#FC0505",
width : 2,
line : "line",
aggregate : "aggregate",
visibleInLegend: "studentmarks",
markers: {
visible: false
},
tooltip: {
visible: true,
format : "{0}%"
}
},
{
name : "pht",
filter : "studentmarks",
data : data,
axis : "",
color : "#2605FC",
width : 2,
line : "line",
markers: {
visible: true
},
tooltip: {
visible: true,
format : "{0}"
}
},
{
name : "phone",
filter : "studentmarks",
data : data,
axis : "",
color : "#ED9AA5",
width : 2,
line : "line",
markers: {
visible: true
},
tooltip: {
visible: true,
format : "{0}%"
}
},
{
name : "cbs",
filter : "studentmarks",
data : data,
axis : "",
color : "#9AA5ED",
visible: true,
opacity: .4,
width : 2,
line : "line",
markers: {
visible: true
},
tooltip: {
visible: true,
format : "{0}%"
}
}
],
valueAxis: [
{
title : { text: "" },
name : "mos",
majorUnit: 0.5,
max : 5.0,
min : 0
},
{
name : "ink",
title : { text: "" },
min : 0,
max : 6727.14,
majorUnit: 1000,
minorUnit: 500
}
],
navigator: {
series: {
type : "area",
color : "red",
field : "time",
stack : "true",
value : "studentmarks",
data : data,
aggregate: "min",
name : "sai",
select : {
from: "2009-01-01 17:08:04",
to : "2013-12-24 20:30:26"
},
labels : { color: "green", visible: false },
tooltip : { background: "green", format: "{0}", color: "white", visible: true }
}
}
});
});
关闭图例并创建自己的图例。你将有更大的灵活性去做你想做的事情。
相关文章:
- JQuery:向多个匹配结果添加换行符的最简单方法
- 使用单个文本框向多个字段添加严格搜索
- D3在转换时退出多个系列折线图标签
- 完整日历在多个资源上添加一个事件
- 高图 - 分组/近似后保持多个系列之间的关系
- 将多个事件动态添加到多个 Web 视图
- 在多个TD中添加分类帐总计
- 使用highchart直播多个系列
- Highchart向下钻取到同时存在的多个系列和y轴
- 将新的系列[0]数据添加到现有的高位图表中
- Highcharts多个x轴,不包含多个系列
- 将第二个背景图像添加到元素中
- (Js)数字方法在第一个数字后添加逗号并删除逗号后的2个数字??有没有
- 从一个页面调用 javascript 函数以在第二个页面上添加元素
- 用javascript替换文本中的几个字符串 - 如何添加更多变量
- 如何动态添加多个系列并动态更新其数据
- 当添加超过10个系列时,Highcharts会降低性能
- Highcharts/Highstock动态添加/删除多个系列
- Highcharts:如何将完整数据添加到图表中的多个系列中
- 如何添加图例到剑道股票图表使用多个系列