in dc.js, row chart small bars are difficult to click on - d3.js

In a row chart, if the bars are very small, it´s sometimes really hard to find the few pixels in which to click to perform a filtering. Is there a way to allow for a click in a larger surface? Maybe clicking on the bar titles?
Thanks.

I think this is a bug. There is a commit that was supposed to make row labels clickable, and a comment that it doesn't work, here:
https://github.com/dc-js/dc.js/commit/9c3b58fa80389cafe255791b4eef652ea5a485bd#commitcomment-7555642

Related

How to remove the borders around images inserted over a cell?

Is it possible to remove the borders around images that have been Inserted Over a Cell?
In the example pic; The left-side is how it appears while editing the sheet, with no borders as desired. The right-side is how it appears in the published sheet, with an unwanted border.
example image
I have turned Gridlines Off in the View menu.
I have tried using the Border options, which don't affect the image. The border options only affect whatever cell is also selected (and one cell 'has' to be selected - I can't just select the image on its own. See next example pic)
example image2
Notice it appears that the image which i want to remove the border from is selected, but then also notice the cell to the right is also selected. The border option only affects the cell, not the image.
Changing the BG colour so that the borders cannot be seen isn't an option because i have various images and background colours.
Also, inserting the image as a Drawing isn't an option because any gif images are then static/unanimated.
Thank you.
edit: I did spend a lot of time searching for an answer for this and noticed someone asked a similar question almost 2 years ago, which received no answers.
Seems i will have to find a totally different app to use just because of that one issue. I'm not sure why google would force borders around images and have no option to remove them. I wish i had known that before completing everything and publishing it.

How to make a tooltip for a chart in d3?

We need to make it move like here.example The code is complex there, I can't figure it out.
I wrote the code my code, but I don’t understand how to make the tooltip move horizontally not behind the mouse, but near the nearest horizontal mark (as in the example)
It is not yet clear where the text above the bold text in the tooltip comes from. How to remove it so that it looks like in the picture?
How do I make the title of the tooltip match the label on the X-axis?
There are many ways to accomplish this. The way I typically do this is to create a series of SVG elements -- such as circles or rects -- using the same scale and data as the paths.
You can make these objects visible or invisible. Either way, you can attach mouseenter, mouseleave events to each to render and populate the tooltip.

Tableau cannot horizontally scroll in worksheets

I am using Tableau for data visualization and generating lists that can be exported to Excel.
However, when the amount of columns get too big, I cannot see all my columns in the view (They are there though). The problem is that there doesn't seem to be a horizontal scrollbar. I can scroll vertically through my rows, but I haven't found a way to do this horizontally to look through my columns, the same way you would do at the data source tab.
If anyone could help me to figure out how to achieve this that would be awesome! I am using Tableau Desktop version 2018.3 on a Mac.
Edit: The problem also seems to be on Windows and is not related to the maximum amount of columns or the view mode.
Example image of the described problem
You are not getting scrollbar because you are viewing it on a worksheet. Try putting it on the dashboard and set dashboard size to fixed and increase width to accommodate all columns.
now you will get horizontal scrollbar for sure
thanks
Besides updating the horizontal row/column label limit #Bernardo mentioned here:
You'll need to make sure you've have selected "Standard" from the display option list at the top of the screen. That options prevent Tableau from fitting everything into the height, width or view of your current display.
Tableau shows a horizontal scroll bar for measures, but not for dimensions. When only dimensions are included on either the Columns or Rows shelf, the lower horizontal scroll bar will not display. Dimensions are treated as headers for measure aggregations and do not generate a horizontal scroll bar when they exceed the width of the view.
To change the Table Layout and increase the number of columns and rows in your table, go to:
Analysis > Table Layout > Advanced
Set each of the Maximum values to 16, which is the limit allowed.

dc.js - add scroll bar or zoom to bar chart - items not dates

I have some barcharts, which all look great while there are only up to about 50 items to display, however the items bars are getting too small to click on when the number items get up towards 100.
I would like to fix the width of the items bars and then maybe scroll the bar chart if the number of items goes over 75, or would it be better to use some kind of zoom function?
I've looked at the Nasdaq 100 example but unsure how to apply this to items rather than dates? I'm struggling to find any examples to investigate. I saw this post but cannot comment How to make graphs in dc.js scrollable within a fixed dimension div?
Any help much appreciated!
Add this to your bar chart:
.mouseZoomable(true)
The documentation for this can be found here: https://github.com/dc-js/dc.js/blob/master/web/docs/api-1.6.0.md#coordinate-grid-chart

JqGrid add vertical scroll with horizontal scolling

jqGrid offers a bunch of fantastic features, but there is one feature missing that my customer keeps on complaining about (OK, he is never really satisfied with what he gets ) and that's proper vertical and horizontal scrolling. The grid I had to set up contains about 20 columns with some columns containing longer text so the grid won't even fit a 24″ screen. To properly layout the grid and the rest of the visual components (i.e. additional search and filter functions above the grid) I moved the grid to a scrolling div being about 95% of the screen width with a horizontal scrollbar to scroll the oversized grid, the problem with that workaround is that you won't see the vertical scrollbar of the grid itself, it only becomes visible if you first scroll to the right and that's not really comfortable.
Hope my explanation is comprehendible? If someone knows a good workaround, I would be eager to know it! Otherwise a "dual scrolling grid" would be a nice feature in 4.5
Thanks a lot!
Video example http://screencast.com/t/gPdOVPQlRc
jqGrid have many many options. It could be a problem with usage of jqGrid. The grid with many columns could be displayed in different ways.
One way is just to display full grid on the page and to use scrollbars of the browser windows. If you have simple page layout then the way could be really the best.
Another way could be to use shrinkToFit: false option. In the case you should specify the exact width values for columns in colModel. If you use shrinkToFit: false option you can set width option of jqGrid. In the case horizontal scrollbars will be placed in jqGrid.
In many cases the grid with many columns contains not always really interesting information for every user. So it can be helpful if you would provide columnCooser in the grid. Additionally you can save the users preferences in localStorage (see the answer and another one). It could improve user experience.
You don't wrote about the height of the grid, but the usage of height: "auto" produced typically good results.

Resources