Awhile back Joshua Milligan wrote Never Ending Navigation Buttons that Deselect Themselves, which is a huge inspiration for this post. Putting together a solution for this didn't come out of nowhere, nor did it spring fully formed from my brain. ![]() In the published viz Anya had switched to using text marks because the hover behavior with the horizontal lines looks a little more natural. In the original screenshot that Anya made the worksheets were using a circle mark with the text & arrows coming from mark labels, and the black dot is coming from that circle mark when it's selected. In both cases the hover (and temporary selection) color is either black or white based on the background if there's nothing on the Color shelf, otherwise it's based on mark's color. just blue/discrete fields on Rows and/or Columns), in which case cells are selected and each cell has a blue background and the border of the cell is used for hover. green/continuous fields on Rows and/or Columns), in which case they end up a blue background for the selected mark(s) and a bottom border for hover.ĭiscrete headers (i.e. Text marks are a little different, in that case the selection and highlighting depends on whether the marks are drawn from:Ī continuous axis (i.e. ![]() In addition highlighted marks from selecting mark(s), selecting a header, using a Highlighter or using a Highlight Action (such as the Furniture marks in the above view) show their full color while non-highlighted marks are de-saturated. ![]() Non-selected nor hovered-over marks won't get any additional border beyond that set by the Color shelf. Hovered-over marks will get a thin border (again black or white depending on the worksheet background) note that hovering doesn't really exist as an interaction method for mobile applications, and also the hover borders don't appear on Tableau Server/Online/Public if the viz has server-side rendering in place. Selected marks show the full color of the mark and get a thick border (black if the view has a light background, white if the worksheet has a dark background).
0 Comments
Leave a Reply. |