search

juijs / jui-chart

SVG-based JUI chart that can be used in the browser and Node.js. Support many types of charts. (Dashboard, Map, Topology, Full 3D, Realtime)
https://codepen.io/collection/nLydod/
57 stars 25 forks source link

Scatter - line chart brush on filter legend #200

Closed irawan2018 closed 5 years ago

irawan2018 commented 5 years ago

I added brush scatter on line chart brush : [ { type : "line", target : "sales", axis : 0, colors : [ "#434348" ] , symbol : "curve" }, { type : "line", target : "profit", axis : 1, colors: [ "#90ed7d" ], symbol : "curve" }, { type : "scatter", axis : 0, target : "sales", colors : [ "#434348" ], clip: true }, { type : "scatter", axis : 1, target : "profit", colors: [ "#90ed7d" ], clip: true } ] When activate filter of legend, it's work separately. How to set legend filter on both? { type : "legend", brush : [ 0,2 ], align : "start", filter : true }

image
seogi1004 commented 5 years ago

Use the 'brushSync' option.

widget : [
        { type : "title", text : "Combination Sample" },
        { type : "legend", brush : [ 0, 1 ], align : "start", filter : true, brushSync: true },
        { type : "legend", brush : [ 2 ], align : "end", filter : true },
        { type : "zoom", axis : [ 0, 1 ], integrate : true }
    ]