score:1
Accepted answer
was able to accomplish this in a bit of a "hacky" way, but ended up doing this:
options= {
scales: {
// the following will affect the vertical lines (xaxe) of your dataset
xaxes: {
grid: {
tickwidth:0,
borderdashoffset:-210,
drawborder:true,
borderdash: [20,230],
},
},
}
}
the tickwdith: 0 is to stop the ticks from going below the x-axis line. the borderdash was fine-tuned to what i needed, 230 was the sweetspot to get to the bottom of my chart since the dashes start at the top of the grid-lines. the borderdashoffset was -210, the length of the border dash + the negative of the spacing(230). here is also a posted pic of my finished result:
Source: stackoverflow.com
Related Query
- Chart.js v2 - Partial Y -grid lines with bar chart
- Bar chart with vertical lines in each bar
- ChartJS New Lines '\n' in X axis Labels or Displaying More Information Around Chart or Tooltip with ChartJS V2
- Horizontal stacked bar chart with chart.js
- Vertical stacked bar chart with chart.js
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- Chart.js Mixed Bar and Line chart with different scales
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- Chart.js bar chart : Grid color and hide label
- How to display inline values in a stacked bar chart with Chart.js?
- Chart.js - Draw bar chart with multiple labels
- ChartJS bar chart with legend which corresponds to each bar
- Chart.js: Line chart with partial dashed line
- How to display data labels outside in pie chart with lines in ionic
- angular-chart.js bar chart with 100% opacity color
- Chartjs - data format for bar chart with multi-level x-axes
- Fill Chart.js bar chart with diagonal stripes or other patterns
- Chart.js - Bar chart with linear cartesian (numerical) X axis?
- Stacked horizontal bar chart along total count with chart.js
- Stacked bar chart with rounded corner of bar using Chart.js
- Angular-chart / line chart with multiple horizontal lines (margins)
- Issue while plotting bar chart with custom x-axis with month and year in chart.js
- Combo Bar Line Chart with Chart.js
- Horizontal bar with two yaxes chart js
- Chart JS : Getting issue with draw bar chart
- ChartJS: how to make a bar chart with a horizontal guideline:
- Chartjs 3.x - How to duplicate X axis on both sides of horizontal bar chart with only 1 dataset?
- How to create Bar chart that gets updated from new ajax requests with ChartJS?
- Chart.js v2 - combined stacked bar chart and 2 unstacked lines
- Chart.Js how to hide datapoints with "0" value in Stacked Bar Chart
More Query from same tag
- Link in ChartJS tooltip not clickable
- Getting chart.js to work with Django and Apache
- Show highest value untop of a bars when dataset is stacked (chartjs)
- Chart.js - is there a way to extend an existing scale?
- How to have custom colors in ng2-charts and chart.js according to data?
- ChartJS 3.7.1 tooltip callback, get label value for the next index
- how can i grab a property from an array of JSON objects to use the values of that property as a labels in my chart?
- ChartJS dynamic line chart ghosting back to old data when hovered on
- ChartJs - stacked bar chart with groups - how to create second x-axis with stack id
- Animation chart js (line), animate chart drawing line by line
- Can I make Y axis begin at specific value in ChartJS?
- How do I force Chart.js axes min and max with react-chartjs-2?
- How to get chartjs column chart in ng-repeat
- How to change position of labels in Doughnut chart?
- how I can get label name when user click on particular area in doughnut chart.js? I am not able to find the index of selected area for chart.js
- Chartjs! Date order value high to low
- how to use require(chart.js) in codesandbox
- Chart.js: changing tooltip template
- Horizontal Bar-Chart - angular-chart.js
- How to incorporate chart.js in jsp file
- Chartsjs 2 (Alpha) not working in IE8 (even with excanvas)
- ChartJS 3.0 - Number format
- How to resize Chart.JS element in React.js?
- Chart.js plotting two json datasets on a line chart
- Is it possible to dynamically add more Y Axes or more X Axes on chart js?
- How to always show line chart tooltip in ionic-angular.?
- Is there a way to apply css on chart.js V3.7.0 tooltip without it being custom or external?
- Chart.js 2 - Axis Layer Padding
- Chart.Js pie chart click
- Chartjs: how to show only max and min values on y-axis