plotly

This module uses plotly.js cdn to draw charts with module views.
The special point is that plotly can zoom/pan the chart.

Features

Views plotly charts style supports plotly all type:
Basic plots

• Scatter Plots
• Line Charts
• Bar Charts
• Pie Charts
• Bubble Charts
• Dot Plots
• Filled Area Plots
• Horizontal Bar Charts
• Sunburst Charts
• Sankey Diagrams
• Treemaps
• Tables

Statistical Charts

• Box Plots
• Histograms
• 2D Histograms
• 2D Histogram Contour
• Density Plots
• Violin Plot
• Parallel Categories Diagram
• Splom

Scientific Charts

• Contour Plots
• Heatmaps
• Ternary Plots
• Parallel Coordinates Plot
• Wind Rose Charts
• Ternary Contour Plots
• Radar Charts

Financial Charts

• Waterfall Charts
• Indicators
• Candlestick Charts
• Funnel Charts
• Time Series
• Open High Low Close Charts

3D Charts

• 3D Scatter Plots
• Ribbon Plots
• 3D Surface Plots
• 3D Mesh Plots
• 3D Line Plots

Create a views and choose the Plotly style. Then choose show the fields. Go to Plotly's configuration to associate fields with columns. After choosing the type of plot, you can save and re-open configuration it will optimal display with the corresponding type (Unfortunately, this is not practical). Normally, you can choose the x-axis as the axis to display the label, with the other fields on the y-axis. You can hide the other fields if you don't want them to appear on the chart. The view name and description will become the title and legend displayed on the chart. After choosing the view, click the sample link to display the data needed for the chart to associate the fields along the corresponding axis.
You can combine multiple chart types: select the "date" field on the x-axis, the bar style for the "income" field, and the line style for the "expenses" field.

Do you like this module? Show me your appreciation by buying me ☕.