<p>Clean up date axes style for easy reading. Made date labels shorter,<br>
with clear visual correspondence to relevant axes tick mark.<br>
Tick marks with labels are now larger than those without.</p>
<p>Currently, the X-axis for the Price and Volume charts is not well designed. The labels are large, all the tick marks are the same. It is difficult to estimate to which tick mark the date label corresponds. Here is a typical example for the DAY interval:<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/142019/97351164-0c942e00-189a-11eb-9d90-efb66982e7c0.png"><img src="https://user-images.githubusercontent.com/142019/97351164-0c942e00-189a-11eb-9d90-efb66982e7c0.png" alt="Bisq-chartaxes-day_orig-2020-10-27" style="max-width:100%;"></a></p>
<p>The fix proposed here draws the labels more compact and the respective ticks stand-out. The chart view becomes cleaner and more visually intuitive. Above example, becomes:<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/142019/97351201-187ff000-189a-11eb-8c87-4bee28332fb1.png"><img src="https://user-images.githubusercontent.com/142019/97351201-187ff000-189a-11eb-8c87-4bee28332fb1.png" alt="Bisq-chartaxes-day_new-2020-10-27" style="max-width:100%;"></a></p>
<p>The labels take less horizontal space by splitting into 2-levels, using 24-hour time instead of AM/PM. The examples here show English locale, though localization for the month names is maintained, as before.</p>
<p>Of course, further customization is possible, but the above, I feel, provides an acceptable improvement to chart display, without deviating from the current UI or introducing new features.</p>
<p>Similar results are obtained with the other chart interval values. Examples (10min, HOUR, WEEK, MOTH):<br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/142019/97348987-955d9a80-1897-11eb-9991-7abe3213aff8.png"><img src="https://user-images.githubusercontent.com/142019/97348987-955d9a80-1897-11eb-9991-7abe3213aff8.png" alt="Bisq-chartaxes-10min_new-2020-10-27" style="max-width:100%;"></a><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/142019/97349048-a27a8980-1897-11eb-8ea7-d4ca27d58e41.png"><img src="https://user-images.githubusercontent.com/142019/97349048-a27a8980-1897-11eb-8ea7-d4ca27d58e41.png" alt="Bisq-chartaxes-hour_new-2020-10-27" style="max-width:100%;"></a><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/142019/97349073-adcdb500-1897-11eb-9610-854ae7685803.png"><img src="https://user-images.githubusercontent.com/142019/97349073-adcdb500-1897-11eb-9610-854ae7685803.png" alt="Bisq-chartaxes-week_new-2020-10-27" style="max-width:100%;"></a><br>
<a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/142019/97349093-b625f000-1897-11eb-8779-d9694558ad6a.png"><img src="https://user-images.githubusercontent.com/142019/97349093-b625f000-1897-11eb-8779-d9694558ad6a.png" alt="Bisq-chartaxes-month_new-2020-10-27" style="max-width:100%;"></a></p>
<p>Bisq is a unique tool. It deserves better charts.<br>
Hope you find this a small improvement in the right direction.</p>
<hr>
<h4>You can view, comment on, or merge this pull request online at:</h4>
<p> <a href='https://github.com/bisq-network/bisq/pull/4715'>https://github.com/bisq-network/bisq/pull/4715</a></p>
<h4>Commit Summary</h4>
<ul>
<li>Cleaner formatting for trading charts date axes</li>
</ul>
<h4>File Changes</h4>
<ul>
<li>
<strong>M</strong>
<a href="https://github.com/bisq-network/bisq/pull/4715/files#diff-c07a4a25261a735296715e03648489d434fb39f93d11500ed770a58f21a8623e">desktop/src/main/java/bisq/desktop/main/market/trades/TradesChartsView.java</a>
(14)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/bisq-network/bisq/pull/4715/files#diff-bd1a854e247e8e6ef665677e739c2cab99869bf9abbeba580215e0183b155905">desktop/src/main/java/bisq/desktop/main/market/trades/charts/price/CandleStickChart.java</a>
(2)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/bisq-network/bisq/pull/4715/files#diff-bb6cf6962e8353ba9d72a17328051a7f90eca40b0b54763be5207479210d6ae1">desktop/src/main/java/bisq/desktop/main/market/trades/charts/volume/VolumeChart.java</a>
(2)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/bisq-network/bisq/pull/4715/files#diff-1c4e4d5a17c14a1a9722e4b5f0b9c706a3e42b0d4f01cb7dcb984b421d11bc3e">desktop/src/main/java/bisq/desktop/util/DisplayUtils.java</a>
(19)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/bisq-network/bisq/pull/4715.patch'>https://github.com/bisq-network/bisq/pull/4715.patch</a></li>
<li><a href='https://github.com/bisq-network/bisq/pull/4715.diff'>https://github.com/bisq-network/bisq/pull/4715.diff</a></li>
</ul>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/bisq-network/bisq/pull/4715">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AJFFTNUJALOO7BJO2T4W6ILSM4NJNANCNFSM4TBJCWUQ">unsubscribe</a>.<img src="https://github.com/notifications/beacon/AJFFTNRE5PP2IF6CWGQVM3TSM4NJNA5CNFSM4TBJCWU2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4K4OK3LA.gif" height="1" width="1" alt="" /></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/bisq-network/bisq/pull/4715",
"url": "https://github.com/bisq-network/bisq/pull/4715",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>