Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Telerik 如何在单系列折线图上设置不同的标记?_Telerik_Devexpress_Fusioncharts_Zingchart_Wijmo5 - Fatal编程技术网

Telerik 如何在单系列折线图上设置不同的标记?

Telerik 如何在单系列折线图上设置不同的标记?,telerik,devexpress,fusioncharts,zingchart,wijmo5,Telerik,Devexpress,Fusioncharts,Zingchart,Wijmo5,我有不同的库,我正试图找出在同一系列折线图上使用多个标记的库 假设有1个系列v=[11,12,43,21,22] 我希望点11是矩形,12是同心圆,43是正方形,21和22是圆 我试着翻阅了文件,但什么也找不到 请让我知道它是否可能在ZingChart、devexpress图表、telerik图表、flot图表、fusion图表或wijmo图表angularJs库中出现 你可以很容易地用ZingChart做这件事。我们有一个jsRule,允许您定义函数。在函数中,您返回我们的标记语法,以更改标记

我有不同的库,我正试图找出在同一系列折线图上使用多个标记的库

假设有1个系列v=[11,12,43,21,22]

我希望点11是矩形,12是同心圆,43是正方形,21和22是圆

我试着翻阅了文件,但什么也找不到


请让我知道它是否可能在ZingChart、devexpress图表、telerik图表、flot图表、fusion图表或wijmo图表angularJs库中出现

你可以很容易地用ZingChart做这件事。我们有一个
jsRule
,允许您定义函数。在函数中,您返回我们的
标记
语法,以更改
标记
或节点作为其最常用名称的样式

另一种方法是在
规则
中显式编码语法,这是
jsRule
的硬编码形式

我在下面的演示中添加了这两个选项。可以将对象中的任何属性添加到以下语法中

/*
*回调参数格式:
{
“id”:“myChart”,
“graphid”:“myChart-graph-id0”,
“graphindex”:0,
“打印ID”:“,
“绘图索引”:0,
“nodeindex”:7,
“关键”:7,
“scaleval”:7,
“scaletext”:“7”,
“价值”:85,
“文本”:“%v”,
“ev”:空
}
*/
window.changeMarker=函数(e){
//此函数对每个节点调用一次
var returnObj={
类型:“方形”
}
如果(e.nodeindex%2==0){
returnObj.type='star5';
returnObj.backgroundColor='黑色';
returnObj.size=10;
}
//您可以使用任何类型的逻辑来转换标记节点
//log(JSON.stringify(e))
返回OBJ;
}
变量myConfig={
键入:“行”,
系列:[
{
值:[35,42,67,89,25,34,67,85],
标记:{
jsRule:'changeMarker()'
}
},
{//您还可以使用规则显式设置它们
值:[135142167189125134167185],
标记:{
规则:[
{
规则:“%i==0”,
类型:“方形”
},
{
规则:“%i==1”,
键入:“三角形”,
尺码:10
},
{
规则:'%i==2',
类型:“star5”
},
{
规则:'%i==3',
类型:“钻石”,
背景颜色:“黑色”
},
{
规则:'%i==4',
键入:“plus”,
尺码:15
},
{
规则:'%i==5',
类型:'star3',
尺码:12
},
{
规则:'%i==6',
类型:“rpoly6”,
尺码:9
},
{
规则:'%i==7',
类型:'star4',
尺码:6
}    
]
}
}
]
};
zingchart.render({
id:'我的图表',
资料来源:myConfig,
高度:“100%”,
宽度:“100%”
});
html,正文{
身高:100%;
宽度:100%;
保证金:0;
填充:0;
}
#我的图表{
身高:100%;
宽度:100%;
最小高度:150px;
}
.zc参考号{
显示:无;
}

感谢您的回复。我在找完全一样的东西。