Javascript Zingchart:使用令牌将规则中的多个系列作为目标

Javascript Zingchart:使用令牌将规则中的多个系列作为目标,javascript,zingchart,Javascript,Zingchart,我想知道是否有可能使用令牌在同一规则中针对多个系列。本质上,我的目标是“如果系列1的值大于系列2中相同位置的值,请更改一些样式” Zingchart配置: var config = { // ... 'type': 'area', 'plot': { 'rules': [ { 'rule': '', // %v from series 1 > %v from series 2 'background-color': '#ccc

我想知道是否有可能使用令牌在同一规则中针对多个系列。本质上,我的目标是“如果系列1的值大于系列2中相同位置的值,请更改一些样式”

Zingchart配置:

var config = {
  // ...
  'type': 'area',
  'plot': {
    'rules': [
      {
        'rule': '', // %v from series 1 > %v from series 2
        'background-color': '#ccc'
      }
    ]
  },
  'series': [
    {
      'text': 'Series 1',
      'values': [36, 40, 38, 47, 49, 45, 48, 54, 58, 65, 74, 79, 85, 83, 79, 71, 61, 55]
    },
    {
      'text': 'Series 2',
      'values': [40, 40, 40, 50, 50, 50, 50, 60, 60, 80, 80, 80, 80, 80, 80, 80, 60, 60]
    }
  ]
}
如果这是不可能的,有没有其他方法可以达到同样的结果?我的目标是在系列1的值大于系列2的值时更改单个点的样式。

在撰写本文时(v2.1.4及以下版本),无法在不同的系列值之间应用规则逻辑。实现这一点的最佳方法是使用“数据-”作为键值引用每个系列对象中的每个系列值数组。(参见下面的工作示例)

话虽如此,我已经提交了一份清单,研究如何在规则语法中实现跨系列逻辑我是ZingChart的开发团队成员,如果有任何进一步的问题,请随时联系我们

var规则集=
[
//控制系列0的着色
{
规则:“%data-series-1>%v”,
背景色:“007c9b”,
边框颜色:“006a84”,
尺寸:“8px”
},
//控制系列1的着色
{
规则:“%data-series-0>%v”,
背景颜色:“188f00”,
边框颜色:“188f00”,
尺寸:“8px”
}
];
var系列0值=[10,10,20,10,10,10,10];
var系列1值=[20,20,10,20,20,20,20];
变量myConfig={
键入:“散布”,
绘图:{
标记:{
规则:规则集
}
},
系列:[
{
值:系列0值,
“数据系列-1”:系列1值,
标记:{
背景色:“00c0ef”,
边框颜色:“00c0ef”
}
},
{
值:系列1值,
“数据系列-0”:系列0值,
标记:{
背景颜色:“26de00”,
边框颜色:“26de00”
}
},
]
};
zingchart.render({
id:'我的图表',
资料来源:myConfig,
身高:400,
宽度:400
});

zingchart.MODULESDIR=”https://cdn.zingchart.com/modules/";

我最终尝试了一些方法,包括在绘制图表之前进行值比较,然后使用带有静态
选择的
数组的
选定状态。这看起来效率更高。但是,我想知道如何使用上述方法在面积图或折线图上的单个点后面设置绘图区域背景色的样式。我不想设置标记本身的样式,但根据文档,我无法直接在
绘图上定义
规则
。没关系-您确实可以直接在
绘图
上定义
规则
。问题解决了。