投稿した数字を円グラフで表す

投稿した数字を、円グラフで表すためには、どのようにすればいいでしょうか。
走った距離（数字）を入力して、投稿した数字を円グラフで表したいです。
Chartkickを使って、下記のように記述したのですが、投稿すると「10」も「100」も同じ割合でカウントされてしまいます。
別のjavascript言語を使ったほうがいいのか、方法について教えていただけますでしょうか。
参考に下記のコードをお送りします。
宜しくお願いします。

●Controller
class RunningsController < ApplicationController
def index
@runnings = Running.all
@running_counts = Running.group(:ran_distance).count
@running = Running.new

end

def create
@running = Running.new(running_params)
if @running.save
redirect_to root_path
else
@runnings = Running.all
render :index, status: :unprocessable_entity
end
end

private

def running_params
params.require(:running).permit(:ran_distance)
end
end

●index.html

<%= form_with(model: @running, url: runnings_path) do |form| %>

●routes
Rails.application.routes.draw do

root 'runnings#index'
resources :runnings, only: [:index, :create]
end

●テーブル
class CreateRunnings < ActiveRecord::Migration[7.0]
def change
create_table :runnings do |t|
t.integer :ran_distance, null: false
t.timestamps
end
end
end